Đây là slide sử dụng hiệu ứng roundabout nổi tiếng, có nhiều slide đã sử dụng hiệu ứng này.
Có một điều đặc biệt đối với nukeviet là phần thiết lập các thông số cho slide được thiết kế rất trực quan ngoài ra còn thêm một số hiệu ứng đảm bảo cá nhân hóa cho mỗi người. Code tối ưu hơn nhưng hoàn toàn miễn phí.
Slide này gồm 4 thành phần chính:
- Ảnh (bắt buộc phải có)
- Tiêu đề ảnh (bắt buộc có để dùng làm chú thích cho ảnh và tốt cho seo ảnh)
- Trích dẫn (bài viết hoặc nội dung gì đó dài khoảng 150 ký tự, nó sẽ tắt khi màn hình thu nhỏ. Khong bắt buộc)
- Link liên kết đến trang khác (không bắt buộc)
Slide sử dụng có sử dụng html5 & css3. Đáp ứng đa màn hình.
Nguồn hiệu ứng: jQuery Roundabout tại github.com/fredleblanc/roundabout
Ảnh dùng demo: kagaya japan (dòng tranh kỹ lạnh Nhật Bản)
1 - Têu đề
2 - Chọn hiệu ứng để chạy phần tiêu đề và trích dẫn cho mỗi ảnh tức là bạn có thể chọn mỗi ảnh có hiệu ứng khác nhau (Chỉ slide được viết cho nukeviet mới có cái này). Nếu chưa thích 6 kiểu hiển thị có sẵn thị bạn có thể tự điền tên class mà bạn thích.
3 - Chọn kiểu hiển thị trang mới khi người dùng click vào liên kết. Kiểu mở sáng tab mới, vẫn xem trong cửa sô cũ hoặc bạn tự điền đích đến của trang mới.
4 - Tạm bật tắt ảnh, Nếu tạm thời chưa cho ảnh nào đố hiển thị thì có thể tắt nó mà không phải xóa ảnh đó.
5 - Liên kết
6 - URL ảnh và ảnh demo, ngay khi bạn điền xong đường dẫn ảnh thì sẽ có ảnh hiển thị để xem trước. Nhìn vào các ảnh thu nhỏ có thể biết trước các ảnh có cùng tỷ lệ hay không.
Tốt nhất trong một slide, ảnh không nhất thiết phải có kích thước bằng nhau nhưng tỷ lệ width/height là phải bằng nhau. Slide này đang sử dụng tỷ lệ ảnh 4x3
7 - Phần trích dẫn. Nên dùng khoảng 150 ký tự.
Phần tiêu đề và trích dẫn đã có chức năng thông báo ký tự bạn đã gõ
Phần tùy chọn màu nền, màu chữ tiêu đề, màu trích dẫn khi mặc định hoặc khi di chuột vào
Điều chỉnh tốc độ của slide. Nên dùng khoảng từ 2 - 4 giây
Công cụ chỉnh vị trí của phần tiêu đề và trích dẫn, cũng như xem trước 4 hiệu ứng chạy:
Trái sang phải, phải sang trái, trên xuống dưới, dưới lên trên. Còn nếu chọn hiển thị tiêu đề ở dưới cùng hoặc không hiển thị thì không phải xem demo.
