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
  • Hôm nay: 1330
  • Tháng hiện tại: 279247
  • Tổng lượt truy cập: 21883663

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

  • 49/2014/TT-BCT
    Thứ năm - 30/06/2022 01:25
    Thông tư 49/2014/TT-BCT ban hành bởi BỘ CÔNG THƯƠNG ngày 08-11-1968 quy định việc nhập khẩu thuốc lá nguyên liệu theo hạn ngạch thuế quan năm 2015.
  • 167/QĐ-TTg
    Thứ năm - 30/06/2022 01:25
    Quyết định 167/QĐ-TTg ban hành bởi THỦ TƯỚNG CHÍNH PHỦ ngày 08-02-2022 phê duyệt “Chương trình hỗ trợ doanh nghiệp khu vực tư nhân kinh doanh bền vững giai đoạn 2022 - 2025”.
  • 177/QĐ-TTg
    Thứ năm - 30/06/2022 01:25
    Quyết định 177/QĐ-TTg ban hành bởi THỦ TƯỚNG CHÍNH PHỦ ngày 10-02-2022 về việc phê duyệt Đề án nâng cao năng lực cho lực lượng kiểm lâm trong công tác quản lý, bảo vệ rừng và phòng cháy, chữa cháy rừng giai đoạn 2021 - 2030.
  • 02/2022/TT-BNNPTNT
    Thứ năm - 30/06/2022 01:25
    Thông tư 02/2022/TT-BNNPTNT ban hành bởi BỘ NÔNG NGHIỆP VÀ PHÁT TRIỂN NÔNG THÔN ngày 11-02-2022 bãi bỏ Thông tư số 32/2016/TT-BNNPTNT ngày 24/10/2016 của Bộ trưởng Bộ Nông nghiệp và Phát triển nông thôn quy định về quyết toán dự án hoàn thành thuộc nguồn vốn nhà nước do Bộ Nông nghiệp và Phát triển nông thôn quản lý.
  • 204/QĐ-TTg
    Thứ năm - 30/06/2022 01:25
    Quyết định 204/QĐ-TTg ban hành bởi THỦ TƯỚNG CHÍNH PHỦ ngày 14-02-2022 về việc phê duyệt danh sách thành viên Ban Chỉ đạo cải cách hành chính của Chính phủ.
  • 03/2022/QĐ-TTg
    Thứ năm - 30/06/2022 01:25
    Quyết định 03/2022/QĐ-TTg ban hành bởi THỦ TƯỚNG CHÍNH PHỦ ngày 18-02-2022 về tiêu chuẩn, định mức nhà ở công vụ.

THỜI SỰ

HÌNH ẢNH