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: 71
  • Khách viếng thăm: 98
  • Máy chủ tìm kiếm: 2
  • Hôm nay: 7358
  • Tháng hiện tại: 258550
  • Tổng lượt truy cập: 27388705

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

  • 17/2023/TT-BKHCN
    Chủ nhật - 24/09/2023 16:51
    Thông tư 17/2023/TT-BKHCN ban hành bởi BỘ KHOA HỌC VÀ CÔNG NGHỆ ngày 09-08-2023 hướng dẫn về vị trí việc làm lãnh đạo, quản lý và chức danh nghề nghiệp chuyên ngành khoa học và công nghệ, cơ cấu viên chức theo chức danh nghề nghiệp trong tổ chức khoa học và công nghệ công lập.
  • 55/QĐ-HĐĐPTDMNPB
    Chủ nhật - 24/09/2023 16:51
    Quyết định 55/QĐ-HĐĐPTDMNPB ban hành bởi HỘI ĐỒNG ĐIỀU PHỐI VÙNG TRUNG DU VÀ MIỀN NÚI PHÍA BẮC ngày 07-09-2023 về việc ban hành Quy chế hoạt động của Hội đồng điều phối vùng trung du và miền núi phía Bắc.
  • 09/VBHN-BKHCN
    Chủ nhật - 24/09/2023 16:51
    Văn bản hợp nhất 09/VBHN-BKHCN ban hành bởi VĂN BẢN HỢP NHẤT; BỘ KHOA HỌC VÀ CÔNG NGHỆ ngày 01-08-2023 hợp nhất Thông tư hướng dẫn thi hành một số điều của Nghị định số 142/2020/NĐ-CP ngày 09 tháng 12 năm 2020 của Chính phủ quy định về việc tiến hành công việc bức xạ và hoạt động dịch vụ hỗ trợ ứng dụng năng lượng nguyên tử.
  • 21/2023/QH15
    Chủ nhật - 24/09/2023 16:51
    Luật 21/2023/QH15 ban hành bởi QUỐC HỘI ngày 22-06-2023 luật sửa đổi, bổ sung một số Điều của Luật Công an nhân dân.
  • 67/2023/NĐ-CP
    Chủ nhật - 24/09/2023 16:51
    Nghị định 67/2023/NĐ-CP ban hành bởi CHÍNH PHỦ ngày 06-09-2023 quy định về bảo hiểm bắt buộc trách nhiệm dân sự của chủ xe cơ giới, bảo hiểm cháy, nổ bắt buộc, bảo hiểm bắt buộc trong hoạt động đầu tư xây dựng.
  • 02/VBHN-KTNN
    Chủ nhật - 24/09/2023 16:51
    Văn bản hợp nhất 02/VBHN-KTNN ban hành bởi VĂN BẢN HỢP NHẤT; KIỂM TOÁN NHÀ NƯỚC ngày 09-08-2023 hợp nhất Quyết định ban hành Hệ thống mẫu biểu hồ sơ kiểm toán.

THỜI SỰ

HÌNH ẢNH