18个最佳jQuery旋转木马(Carousel )插件

jopen 8年前

1. Tiny Circleslider

18个最佳jQuery旋转木马(Carousel )插件
Tiny Circleslider is a circular slider / carousel. That was built to provide web developers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any webpage. It was built using the javascript jQuery library. It supports iPhone, iPad and Android as well. A interval can be set to slide automatically every given milliseconds. You can fire a callback after every move. It is easy customizable and lightweight with only 130 lines of code. The minified size is only 4 KB.

Source & Demo

2. Flexisel

18个最佳jQuery旋转木马(Carousel )插件
Flexisel is a jQuery carousel plugin that works well on screen sizes down-to-mobile. It has settings for enabling autoplay, defining the animation speed and stopping on hover or not.The standard layout of Flexisel adapts to different screen sizes but also, the plugin provides an option to customize the “number of visible items” for the screen sizes preferred which offers a great experience for users.

Source & Demo

3. Cycle 2

18个最佳jQuery旋转木马(Carousel )插件
Cycle, a pretty old yet very popular jQuery slideshow plugin now has a new, improved version: Cycle2. The plugin is perfect for anyone looking to create a completely customized slideshow as it does not declare any markup or style. And, its functionality is flexible too. Cycle2 supports responsive layouts, has options for everything (global and per slide) and can be extended easily using a full-featured API.

Source & Demo

4. Minimit Gallery

18个最佳jQuery旋转木马(Carousel )插件
Minimit Gallery is a highly customizable, library agnostic plugin that does galleries, slideshows, carousels, slides, practically everything that has multiple states in less than 10kb Using Minimit Gallery you have more time to focus on the ideation and the dynamics of your interface, all the logic functionality instead is managed by the plugin. It’s designed for advanced JavaScript/Jquery programmers because you need to code all the animations and the css of the gallery. It has been tested on IE7+, Firefox, Safari and Chrome.

Source & Demo

5. CarouFredSel

18个最佳jQuery旋转木马(Carousel )插件
jQuery.carouFredSel is a plugin that turns any kind of HTML element into an infinite, circular carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, automatically, by pressing buttons or keys on the keyboard.
You can dynamically add and remove items to/from the carousel. It is compatible with most popular (jQuery) lightbox-plugins. The carouFredSel-plugin was built using the jQuery-library. It is licensed under the MIT-license.

Source & Demo

6. Slider Kit

18个最佳jQuery旋转木马(Carousel )插件
Slider Kit is a very flexible jQuery plugin that enables us to create almost any type of slideshows like photo galleries, news sliders, carousels and more. It has support for both horizontal + vertical sliders and items can be navigated via buttons, mousewheel, image click or keyboard. There are lots of options provided like auto-start being on/off, animation types, and navigation being an infinite loop or not, starting position of the slideshow and much more.

Source & Demo

7. Tiny Carousel

18个最佳jQuery旋转木马(Carousel )插件
Tiny Carousel is a lightweight carousel for sliding html based content. It was built using the javascript jQuery library. Tiny Carousel was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.

Source & Demo

8. jCoverflip

18个最佳jQuery旋转木马(Carousel )插件
jCoverflip has been developed to enable fast and granular customization of the look and feel and feature set. It has many features like drag or click functionality to showcase featured content items or demand by the users, ability to showcase both images and content associated with an item, module integration with Drupal or standalone version and many more.

Source & Demo

9. jQuery Image Scale Carousel

18个最佳jQuery旋转木马(Carousel )插件
It is a jQuery plugin which auto-scales the images into appropriate height and width keeping their aspect ratio. The plugin simply converts an array of images to a slider and supports manual browsing with previous-next controls and auto-play. The download package also includes a PHP-based example which creates the “images array” itself by scanning a given directory.

Source & Demo

10. Slides js

18个最佳jQuery旋转木马(Carousel )插件
SlidesJS is a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3 transitions.

Source & Demo

11. Agile Carousel

18个最佳jQuery旋转木马(Carousel )插件
Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows. The plugin uses JSON for the data format of the slides. So, they can easily be provided remotely and integration with any other system (like CMSs) will be easier. You can select between “fade” or “slide” as the transition effect, duration of the transitions and intervals between each slide can all be defined.

Source & Demo

12. Barouseul

18个最佳jQuery旋转木马(Carousel )插件
Barousel is a jQuery plugin to easily generate simple carousels where each slide is defined by an image + any type of related content.

Source & Demo

13. Circular Content Carousel

18个最佳jQuery旋转木马(Carousel )插件
This plugin uses slider which holds the content along with their brief description, when users click on content a small box expands next to the content slider, where users can read and see the detail information related to the topic and slider yet navigates.

Source & Demo

14. Elastislide

18个最佳jQuery旋转木马(Carousel )插件
Elastislide is a responsive jQuery carousel plugin that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Source & Demo

15. Cloud Carousel

18个最佳jQuery旋转木马(Carousel )插件
Cloud Carousel is a free option with 3D effects. The images rotate in a circular fashion with realistic perspective and reflections are also show.

Source & Demo

16. jQuery Infinite Carousel Plugin

18个最佳jQuery旋转木马(Carousel )插件
The Infinite Carousel is a jQuery plugin that allows you to showcase any number of images and videos in a carousel-like fashion. Unlike some other carousels, the Infinite Carousel displays items in a continuous loop no matter how you navigate. Try out the demos below to see how versatile the Infinite Carousel is.

Source & Demo

17. jQuery Liquid Carousel Plugin

18个最佳jQuery旋转木马(Carousel )插件
Liquid carousel is a jQuery plugin intended for liquid designs. Every time the container of the carousel gets resized, the number of items in the list change to fit the new width.

Source & Demo

18. jCarouseul Lite

18个最佳jQuery旋转木马(Carousel )插件
jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB in size, yet very flexible and customizable to fit most of our needs.

Source & Demo