Slide carousel gồm 4 ảnh từng lượt chạy ngang. Có nút điều hướng hai bên, có hiển thị thứ tự ảnh.
Gồm các thành phần sau:
- Ảnh
- Tiêu đề ảnh (có thể bỏ trống)
- URL để người dùng click vào tiêu đề ảnh (có thể bỏ trống)
Slider ược làm từ thư viện hiệu ứng jssor.
- Giữ nguyên tên slider gốc và đáp ứng chuẩn đặt tên của nukeviet.
- Code tối ưu, ngắn gọn, mạch lạc hơn cái cũ.
- Cho người dùng tùy chọn nhiều hơn.
- Đáp ứng co giản màn hình hơn hơn cái cũ dù slide ở trong nhiều DIV lồng nhau.
- Tùy chọn sử dụng file js và dễ dàng đề phòng xung đột js
Giải thích một số từ cơ bản:
Title : tiêu đề
Arrow: mũi tên ở hai bên, bạn có thể thay bằng ký tự theo ý muốn
Navigator : dãy số thứ tự ảnh
default: mặc định
hover: hiệu ứng khi di chuột qua
click: hiệu ứng khi nhấn vào
active: hiệu ứng của ảnh đang xem
jQuery options: thiết lập các thông số hiệu ứng chuển động của ảnh
Se-lect js: đề phòng trường hợp xung javascript thì sẽ lựa chọn 1 trong 4 trường hợp đã có
Còn lại cứ di chuột vào từng input sẽ xuất hiện thông báo giải nghĩa, nếu bạn không hiểu thì cứ để mặc định.
Khi cài lên đã có demo sẵn, bạn có thể thấy ngay kết quả. Xem dữ liệu mẫu sửa lại cho hợp với bạn!
Đây là một slider đơn giản, mục đích chính mình muốn người dùng (admin) lần đầu trải nghiệm kiểu thiết lập các thông số trực quan và thật nhiều tùy chọn đối với slider trong nukeviet.
Người dùng gần như chỉ cần click và click không cần phải đụng thêm code gì.
Tuy nhiên với bản thân người làm tiện ích thì thấy có phần thêm vất vã và có lẽ một số thích đụng tay vào code hơn là có quá nhiều tùy chọn như thế này.
Các bạn thử nghiệm và cho ý kiến nhé!