Rss Feed

THCS Sơn Thủy

CHUYÊN MỤC HÒ KHOAN

KẾ HOẠCH

GIÁO ÁN

BÀI GIẢNG

SÁNG KIẾN KN

Hỗ trợ

Vương Công Quang

Thống kê

  • Đang truy cập: 53
  • Khách viếng thăm: 60
  • Máy chủ tìm kiếm: 3
  • Hôm nay: 1727
  • Tháng hiện tại: 43367
  • Tổng lượt truy cập: 29735286

LIÊN KẾT TIỆN ÍCH


GÓC TIN HỌC

Hướng dẫn chèn slider hình ảnh vào giữa nội dung bài viết.

Đăng lúc: Thứ sáu - 11/05/2018 18:56 - Người đăng bài viết: Nguyễn Văn Hiếu
Làm thế nào để chèn một slider hình ảnh vào giữa nội dụng bài viết? Mình nhớ đây là một câu hỏi của thành viên trên cộng đồng nukeviet. NukeViet sử dụng trình soạn thảo ckeditor, Để có thể chèn một slider hình ảnh ở vị trí bất kỳ vào giữa nội dung bài viết.

1. Một số lưu ý

Bạn phải kiểm tra lại version của plugin có tương thích và được hỗ trợ với CKEditor hay không. Cụ thể ở đây mình áp dụng cho bản CKEditor đã được tích hợp sẵn nukeviet 4.0.29.

  • Chương trình này tích hợp sẵn 2 thư viện java là  "adgallery" tại http://adgallery.codeplex.com, và với "Fancybox" tại : http: // fancybox.net/
  • Có thể plugin này sẽ không hoạt động tốt trên IE9 trở xuống

2. Hướng dẫn cài đặt

Truy cập vào địa chỉ plugin, click Download để tải về plugin http://ckeditor.com/addon/slideshow
  • Giải nén và copy thư mục slideshow vào /assets/editors/ckeditor/plugins/
  • Mở /assets/editors/ckeditor/config.js. Tìm config.extraPlugins và thêm slideshow nối thêm vào danh sách. Ví dụ sau khi thêm sẽ được config.extraPlugins = 'video,eqneditor,switchbar,tbvdownload,googledocs, slideshow ';
  • Lưu lại tập tin. Cấu hình thành công
Đăng nhập quản trị admin trong website nukeviet. Xóa cache trở lại với trình soạn thảo, bạn đã thấy icon của plugin. Việc upload file thực hiện tương tự như những module khác.
 
icon them slider anh


Xuất hiện thêm icon của plugin slideshow trên trình soạn thảo

giao dien them slider
Giao diện chèn thêm slider cho bài viết

Các bạn có thể xem thêm video bên trên để xem cách xem như thế nào.
 

3. Bước cuối ngoài site

Bổ sung đoạn code sau vào cuối file theme/them-cua-ban/modules/news/detail.tpl ( cho module tin tức) hoặc nhúng nơi nào bạn muốn hiển thị slider đó sau khi chèn.

<link rel="stylesheet" type="text/css" href="/assets/editors/ckeditor/plugins/slideshow/3rdParty/ad-gallery/jquery.ad-gallery.css" /><script type="text/javascript" src="/assets/editors/ckeditor/plugins/slideshow/3rdParty/ad-gallery/jquery.ad-gallery.min.js"></script> <script type="text/javascript">  $(function() { var galleries = $('.ad-gallery').adGallery();    setTimeout(function() {      galleries[0].removeImage(1);    }, 2000);  });  </script>
Tác giả bài viết: Sưu tầm

Ý kiến bạn đọc

 
 

VĂN BẢN - CHÍNH SÁCH PHÁP LUẬT MỚI

  • 03/VBHN-BTC
    Thứ hai - 04/03/2024 22:01
    Văn bản hợp nhất 03/VBHN-BTC ban hành bởi VĂN BẢN HỢP NHẤT; BỘ TÀI CHÍNH ngày 04-01-2024 hợp nhất Nghị định quy định xử phạt vi phạm hành chính về thuế, hóa đơn.
  • 13/QĐ-CTN
    Thứ hai - 04/03/2024 22:01
    Quyết định 13/QĐ-CTN ban hành bởi CHỦ TỊCH NƯỚC ngày 12-01-2024 về việc cho thôi quốc tịch Việt Nam.
  • 02/2023/TT-TTCP
    Thứ hai - 04/03/2024 22:01
    Thông tư 02/2023/TT-TTCP ban hành bởi THANH TRA CHÍNH PHỦ ngày 22-12-2023 hướng dẫn chức năng, nhiệm vụ, quyền hạn và tổ chức của Thanh tra tỉnh, thành phố trực thuộc Trung ương; Thanh tra huyện, quận, thị xã, thành phố thuộc tỉnh, thành phố thuộc thành phố trực thuộc Trung ương.
  • 06/VBHN-BNNPTNT
    Thứ hai - 04/03/2024 22:01
    Văn bản hợp nhất 06/VBHN-BNNPTNT ban hành bởi VĂN BẢN HỢP NHẤT; BỘ NÔNG NGHIỆP VÀ PHÁT TRIỂN NÔNG THÔN ngày 04-01-2024 hợp nhất Thông tư hướng dẫn một số hoạt động về lâm nghiệp thực hiện Chương trình phát triển lâm nghiệp bền vững và Chương trình mục tiêu quốc gia phát triển kinh tế - xã hội vùng đồng bào dân tộc thiểu số và miền núi giai đoạn 2021 - 2030, giai đoạn I: từ năm 2021 đến năm 2025.
  • 39/2023/TB-LPQT
    Thứ hai - 04/03/2024 22:01
    Thông báo 39/2023/TB-LPQT ban hành bởi BỘ NGOẠI GIAO ngày 28-11-2023 về việc điều ước quốc tế có hiệu lực: "Bản ghi nhớ giữa Chính phủ nước Cộng hòa xã hội chủ nghĩa Việt Nam và Chính phủ Ma-lai-xia liên quan đến Điều 14.18. (Giải quyết tranh chấp) của Chương 14 (Thương mại điện tử) của Hiệp định Đối tác Toàn diện và Tiến bộ xuyên Thái Bình Dương".
  • 54/QĐ-TTg
    Thứ hai - 04/03/2024 22:01
    Quyết định 54/QĐ-TTg ban hành bởi THỦ TƯỚNG CHÍNH PHỦ ngày 15-01-2024 về việc công nhận xã An toàn khu, vùng An toàn khu thuộc tỉnh Hậu Giang.

THỜI SỰ

  • YeaH1 đứng Top 2 doanh nghiệp thuộc ngành báo chí, thông tin và truyền thông được yêu thích
    Thứ năm - 29/02/2024 10:24
    2024 hứa hẹn là năm triển vọng và đầy hấp dẫn của Tập đoàn YeaH1 khi tiến đến hành trình “Thăng cấp” về mọi mặt, qua đó mở rộng cơ hội phát triển nghề nghiệp cho đội ngũ nhân sự và các ứng viên
  • Ngọc Oanh - Gương mặt khả ái ghi dấu ấn trên TikTok
    Thứ hai - 26/02/2024 10:03
    Võ Thị Ngọc Oanh, một biểu tượng của sự kiên cường và sáng tạo trên nền tảng TikTok, đã trải qua một hành trình đầy khó khăn và nỗ lực để đạt được vị trí nổi bật như ngày hôm nay. Với id: oanhcuibap33 trên TikTok Live Việt Nam, cô đã ghi dấu ấn sâu đậm trong lòng người hâm mộ với nghệ danh này.
  • Bí quyết luyện võ và áp dụng võ thuật vào đời sống: chia sẻ từ “Chú Bảo Vệ” - Phan Chí Bửu
    Thứ bảy - 24/02/2024 04:04
    Trong cuộc sống hiện đại ngày nay, võ thuật không chỉ là một phần của nền văn hóa và truyền thống mà còn là một phương tiện hiệu quả để rèn luyện cả thể chất và tinh thần. Dưới đây là những chia sẻ từ Chú Bảo Vệ - Phan Chí Bửu, một người có uy tín và giàu kinh nghiệm trong việc luyện võ lâu năm. Những chia sẽ của “Chú Bảo Vệ” đã cho thấy rõ rằng võ thuật không chỉ giúp con người trở nên mạnh mẽ về thể chất mà còn làm giàu tinh thần và kiểm soát cảm xúc.
  • Đinh Văn Liên và Chiến Dịch "Sản Xuất Xanh - Tiêu Dùng Xanh - Khởi Nghiệp Xanh" Tại Tập Đoàn Y Dược...
    Thứ sáu - 23/02/2024 07:30
    Ngày nay, sự chú trọng vào phát triển bền vững và xu hướng tiêu dùng xanh ngày càng trở nên quan trọng. Trong bối cảnh này, Đinh Văn Liên, doanh nhân xuất sắc và Chủ tịch HĐQT Tập đoàn Y dược EBC, đã đưa ra một bước ngoặt quan trọng với chiến dịch "Sản Xuất Xanh - Tiêu Dùng Xanh - Khởi Nghiệp Xanh" được triển khai từ năm 2024.
  • Kích thước bàn thờ Thần Tài Ông Địa chuẩn thước Lỗ Ban
    Thứ ba - 20/02/2024 05:15
    Kích thước bàn thờ Thần Tài Ông Địa chuẩn Thước Lỗ Ban, phong thủy sẽ mang đến nhiều tài lộc và may mắn cho gia đình. Đồng thời, những mẫu bàn thờ thuộc cung tốt này sẽ giúp cho công việc làm ăn, buôn bán diễn ra thuận lợi, xua tan những vận đen tiềm ẩn đến với gia đình.
  • Great British Circus mang phong cách xiếc châu Âu đến Việt Nam
    Thứ bảy - 17/02/2024 08:36
    Trong hành trình lưu diễn của mình trên toàn thế giới, đoàn xiếc Great British Circus lựa chọn Việt Nam là quốc gia dừng chân tiếp theo ở khu vực Đông Nam Á.

HÌNH ẢNH