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Ự

Miss Grand 2021 Nguyễn Thúc Thùy Tiên được vinh danh tại một nơi vô cùng đặc biệt
Chủ nhật - 05/12/2021 23:05
Chiến thắng của Nguyễn Thúc Thùy Tiên tại Miss Grand 2021 khiến bao người không khỏi tự hào và nơi vô cùng ý nghĩa với nàng hậu cũng có động thái vinh danh cô.
Á hậu Huyền My bị réo gọi đúng lúc Thùy Tiên đăng quang Miss Grand 2021 chỉ vì một sự cố 'khó đỡ'
Chủ nhật - 05/12/2021 22:30
Đúng khoảnh khắc đăng quang tại Miss Grand 2021 của đại diện Việt Nam - Nguyễn Thúc Thùy Tiên, tên của á hậu Huyền My bất ngờ xuất hiện.
Nhâm Dần 2022: Những con giáp dính Kim Lâu, chớ vội kết hôn kẻo lục đục, đổ vỡ
Chủ nhật - 05/12/2021 22:00
Năm Kim Lâu của Nhâm Dần 2022 là năm hạn, không nên dựng vợ gả chồng vì khiến vợ chồng dễ lục đục.
Kết quả Vietlott Mega 6/45: Truy tìm chủ nhân giải thưởng Jackpot 90 tỷ đồng?
Chủ nhật - 05/12/2021 21:53
Trong kỳ quay số mở thưởng 819, Vietlott chưa tìm thấy chủ nhân giải Jackpot 90 tỷ đồng.
Hóng 'dưa' Cbiz ngày 5/12: Triệu Lệ Dĩnh nhận tin vui, Triệu Lộ Tư 'nên duyên' với Cung Tuấn?
Chủ nhật - 05/12/2021 21:49
Chủ đề hóng 'dưa' hôm nay ngày 5/12 liên quan đến Dương Mịch, Vương Nhất Bác, Triệu Lệ Dĩnh, Địch Lệ Nhiệt Ba, Triệu Lộ Tư,Hoàng Minh Hạo... và loạt sao Cbiz nổi tiếng khác.
Vy Oanh, Bằng Kiều lòng đầy xót xa khi NS Trịnh Kim Chi liên tiếp đối diện hung tin
Chủ nhật - 05/12/2021 21:45
NSƯT Trịnh Kim Chi chỉ trong một thời gian ngắn phải đối diện với nhiều tin buồn khiến bao đồng nghiệp như Vy Oanh, Bằng Kiều không khỏi xót thương.