18 Plugin jQuery Carousel Tốt Nhất

jQuery là một thư viện JavaScript nhanh chóng và ngắn gọn, đơn giản hóa việc thông qua tài liệu HTML, xử lý sự kiện, hiệu ứng động, và các tương tác Ajax cho việc phát triển web nhanh chóng. Các plugin jQuery carousel cho phép người dùng trình bày nội dung trang web của họ chẳng hạn như các video, hình ảnh, và văn bản một cách sáng tạo và hấp dẫn.

Trong bài viết này, mình đã tập hợp được 18 plugin jQuery Carousel miễn phí tốt nhất, để giúp cho công việc của bạn dễ dàng hơn và để dễ dàng trình bày các nội dung và hình ảnh trên trang web một cách sáng tạo và mới mẻ. Các plugin jQuery carousel này hoàn toàn miễn phí và mỗi cái đi kèm các tính năng, chức năng và các tùy chọn khác nhau. Mình hy vọng bạn sẽ tìm thấy ở các plugin này sự tiện dụng, hữu ích và là lựa chọn đúng đắn cho các sự án tiếp theo của bạn.

1. Tiny Circleslider

Tiny Circleslider là một thanh trượt tròn / băng chuyền ( slider/carousel ). Nó được xây dựng bằng cách sử dụng thư viện JavaScript jQuery, có thể được sử dụng trên trang web bất kỳ, và hỗ trợ tốt trên iPhone, iPad và Android. Nó có kích thước rất nhẹ chỉ 4 KB.

2. Flexisel

Flexisel là một plugin jQuery carousel hoạt động tốt trên các kích thước màn hình. Nó cho phép điều chỉnh autoplay, tốc độ animation và dừng lại khi di chuyển chuột lên hoặc không.

3. Cycle 2

Cycle là một plugin jQuery slideshow khá phổ biến và đã được cải tiến lên một phiên bản mới: Cycle2. Plugin này hoàn hảo cho những ai muốn tạo một slideshow với khả năng tùy chỉnh hoàn toàn và chức năng rất linh hoạt. Cycle2 hỗ trợ các layout responsive và hoàn toàn có thể mở rộng dễ dàng sử dụng một API đầy đủ tính năng.

4. Minimit Gallery

Minimit Gallery là một plugin tùy biến cao bao gồm galleries, slideshows, carousels, slides … và nhẹ hơn 10 KB. Nó được thiết kế cho các JavaScript/jQuery programmer nâng cao bởi vì bạn cần phải code tất cả animation và css cho gallery. Hoạt động tốt với IE7+, Firefox, Safari và Chrome.

5. CarouFredSel

jQuery.carouFredSel là một plugin có thể biến bất kỳ phần tử HTML thành một carousel quay tròn, vô hạn. Nó có thể di chuyển một hoặc nhiều item cùng một lúc, ngang hoặc dọc, tự động, bằng cách nhấn nút hoặc phím trên bàn phím.

Bạn có thể tự động thêm hoặc loại bỏ các item vào/ra carousel. Nó tương thích với các plugin lightbox phổ biến nhất ( jQuery ). Plugin carouFredSel được xây dựng bằng cách sử dụng thư viên jQuery.

6. Slider Kit

Slider Kit là một plugin jQuery linh hoạt cho phép chúng ta tạo ra bất kỳ loại slideshow như photo galleries, news sliders, carousels và nhiều nữa. Nó hỗ trợ cả hai sliders ngang + dọc và các item có thể được điều hướng thông qua các button, mousewheel, image click hoặc keyboard. Có rất nhiều tùy chọn được cung cấp như bật/tắt autostart, các loại animation, và điều hướng một vòng lặp vô hạn hoặc không, vị trí bắt đầu của slideshow và nhiều nữa.

7. Tiny Carousel

Tiny Carousel là một carousel cực nhẹ để trượt nội dung HTML. Nó được xây dựng bằng cách sử dụng thư viện jQuery. Tiny Carousel được thiết kế như một tiện ích nhẹ và năng động cung cấp cho các web designer một cách mạnh mẽ.

8. jCoverflip

jCoverflip được phát triển để cho phép tùy biến nhanh giao diện và tính năng thiết lập. Nó có nhiều tính năng như kéo thả hoặc nhấp vào chức năng để giới thiệu các item nội dung hoặc yêu cầu của người sử dụng, có thể giới thiệu cả hình ảnh và nội dung liên quan cùng lúc, tích hợp module với Drupal hoặc chạy độc lập.

9. jQuery Image Scale Carousel

Đây là một plugin jQuery mà các hình ảnh sẽ auto-scales nhưng vẫn giữ tỉ lệ chiều cao và chiều rộng hợp lý. Plugin này chỉ đơn giản là chuyển đổi một loạt các hình ảnh vào một slider và hỗ trợ duyệt với các điều khiển Previous-Next và auto-play.

[adsense][/adsense]

10. Slides js

SlidesJS là một plugin responsive slideshow cho jQuery (1.7.1+)  với các tính năng như touch và CSS3 transitions.

11. Agile Carousel

Agile Carousel là một plugin jQuery cho phép chúng ta tạo ra các slideshow linh hoạt ( cả về chức năng và thiết kế ). Các plugin sử dụng JSON cho các định dạng dữ liệu của các slide. Vì vậy, chúng dễ dàng để tích hợp vào các hệ thống ( như CMS ). Bạn có thể chọn giữa “fade” hoặc “slide” làm hiệu ứng chuyển tiếp, thời gian của quá trình chuyển đổi và khoảng cách giữa mỗi slide có thể được xác định.

12. Barouseul

Barousel là một plugin jQuery mà dễ dàng tạo ra các carousel đơn giản mà mỗi slide được xác định bởi một hình ảnh + nội dung liên quan bất kỳ.

13. Circular Content Carousel

Plugin này sử dụng thanh trượt giữ nội dung cùng với mô tả ngắn gọn, khi người dùng nhấp vào nội dung, một hộp nhỏ mở rộng bên cạnh thanh trượt nội dung, nơi người dùng có thể đọc và xem các thông tin chi tiết liên quan đến các chủ đề.

14. Elastislide

Elastislide là một plugin jQuery responsive carousel sẽ thích nghi với kích thước và hành vi của nó để làm việc trên bất kỳ kích thước màn hình.

15. Cloud Carousel

Cloud Carousel là một lựa chọn miễn phí với các hiệu ứng 3D hình ảnh xoay tròn.

16. jQuery Infinite Carousel Plugin

Infinite Carousel là một plugin jQuery cho phép bạn giới thiệu bất kỳ số lượng hình ảnh và video trong một carousel thời trang. Không giống như các carousel khác, Infinite Carousel hiển thị các item trong một vòng lặp liên tục cho dù bạn có di chuyển. Thử xem bản demo dưới đây để thấy sự linh hoạt của Infinite Carousel.

17. jQuery Liquid Carousel Plugin

Liquid carousel là một plugin jQuery dành cho các liquid design. Mỗi khi container của carousel thay đổi kích thước, số lượng các item trong danh sách thay đổi để phù hợp với chiều rộng mới.

18. jCarouseul Lite

jCarousel Lite là một plugin jQuery mang đến cho bạn một carousel với đầy các hình ảnh và nội dung HTML. Một cách đơn giản, bạn có thể điều hướng hình ảnh và/hoặc HTML trong một carousel-style widget. Nó siêu nhẹ, chỉ 2 KB, nhưng rất linh hoạt và tùy biến đề phù hợp với hầu hết nhu cầu của chúng ta.