<>Slider (còn gọi là Carousel) là một thành phần UI hiển thị nhiều nội dung trong một không gian giới hạn bằng cách cho phép người dùng cuộn ngang hoặc tự động chuyển đổi giữa các phần nội dung.
🔹 Các loại Slider phổ biến
/Image Slider (Thanh trượt hình ảnh)
– Hiển thị nhiều hình ảnh trong một khung trượt, thường dùng trên trang chủ hoặc landing page.
Ví dụ:
Banner quảng cáo trên website e-commerce.
Bộ sưu tập ảnh sản phẩm.
/Content Slider (Thanh trượt nội dung)
– Hiển thị văn bản, bài viết hoặc thông tin sản phẩm theo dạng trượt.
Ví dụ:
Đánh giá khách hàng (Testimonial Slider).
Tin tức nổi bật.
/Video Slider (Thanh trượt video)
– Hiển thị nhiều video trong một khung trượt, thường dùng cho trang giới thiệu hoặc portfolio.
Ví dụ:
Trailer phim.
Video sản phẩm.
/Card Slider (Thanh trượt dạng thẻ)
– Hiển thị nhiều thẻ nội dung như bài viết, sản phẩm hoặc danh mục dịch vụ.
Ví dụ:
Danh sách sản phẩm gợi ý trên Shopee, Amazon.
Bài viết nổi bật trên blog.
🔹 Ưu & Nhược điểm của Slider
| Ưu điểm | Nhược điểm |
|---|---|
| ✅ Tiết kiệm không gian hiển thị. | ❌ Có thể giảm tốc độ tải trang. |
| ✅ Làm nổi bật nội dung quan trọng. | ❌ Không tối ưu cho SEO nếu không có nội dung tĩnh. |
| ✅ Tăng tính tương tác, hấp dẫn. | ❌ Người dùng có thể bỏ qua nếu không rõ ràng. |
🔹 Khi nào nên sử dụng Slider?
✔ Khi có nhiều nội dung quan trọng nhưng không muốn chiếm quá nhiều không gian.
✔ Khi cần tạo hiệu ứng thu hút (ví dụ: giới thiệu sản phẩm mới, khuyến mãi).
✔ Khi thiết kế trên màn hình lớn như desktop hoặc tablet.
❌ Tránh lạm dụng slider khi cần tối ưu tốc độ tải trang và SEO.
