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.

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

Những tin mới hơn

Hướng dẫn thay tên miền cho website NukeViet (11/05/2018)
Tăng thời gian đăng nhập trang quản trị website sử dụng mã nguồn NukeViet (11/05/2018)
Thiết lập và quản lý bình luận trong nukeviet (11/05/2018)
Hướng dẫn menu trong nukeviet (11/05/2018)
Làm việc với chức năng kéo thả block trong nukeviet (11/05/2018)

Những tin cũ hơn

Hướng dẫn module nukeviet (11/05/2018)
Kiểm tra danh sách các module đang sử dụng (11/05/2018)
Cách tìm và cài đặt module (11/05/2018)

+ Xem phản hồi - Gửi phản hồi

Ý kiến bạn đọc

Thành viên

THỜI SỰ

Rộ tin đồn Huỳnh Hiểu Minh 'ra tay' với Angelababy tới mức nhập viện
Thứ tư - 16/06/2021 19:56
Cuộc hôn nhân giữa Huỳnh Hiểu Minh và Angelababy liên tục xảy ra ồn ào, nhưng lần này quả thực tai hại?
Tuyển Việt Nam ăn mừng chiến thắng, tạm biệt UAE về nước
Thứ tư - 16/06/2021 19:41
Tối ngày 16/6 (giờ UAE), đội tuyển Việt Nam lên đường về nước. Cảm xúc sau chặng đường lịch sử vừa qua vẫn còn đọng lại trong lòng mỗi cầu thủ.
Quang Hải đăng quang 'Miss sân cỏ', sắc vóc 'tầm cỡ thế này' đến H'Hen Niê cũng chịu thua
Thứ tư - 16/06/2021 19:19
Chưa bao giờ thấy Hoa hậu H’Hen Niê thất thủ, cho tới khi so kè sắc vóc “siêu thực” với cầu thủ Quang Hải
Các nghề massage, cắt tóc, gội đầu, cắt may... phải đóng thuế từ 1/8
Thứ tư - 16/06/2021 18:46
Kể từ ngày 1/8/2021, các dịch vụ như tắm hơi, massage, karaoke, vũ trường, bi-a, internet, game, may đo, gội dầu... sẽ phải chịu thuế giá trị gia tăng 5% và thuế thu nhập cá nhân 2%.
Chó săn đệ nhất Trung Quốc - Trác Vỹ tiết lộ danh sách những nữ nghệ sĩ 'sạch sẽ' nhất Cbiz
Thứ tư - 16/06/2021 18:34
Bốn mỹ nhân sau đây được '"thánh soi" Trác Vỹ đánh giá cao về nhan sắc, tài năng, đặc biệt là không ồn ào, thị phi
Đàm Vĩnh Hưng lần đầu tỏ rõ thái độ với Hoài Linh sau ồn ào chưa từng có trong sự nghiệp của 'đàn...
Thứ tư - 16/06/2021 18:30
Đàm Vĩnh Hưng lần đầu lên tiếng nói rõ suy nghĩ của mình về ồn ào từ thiện mà người anh thân thiết Hoài Linh phải đối diện thời gian vừa qua.