A common challenge during a web design project involves finding a way to display the relevant content in an attractive and usable manner. Carousels are often used for displaying images, text, and sometimes videos. If you’d prefer to save some time during the coding of the site you can use an existing jQuery plugin to create your carousel.
There are a lot of good scripts and plugins available, and in this article we’ll highlight 15 of them. Most of them are available for free download, but some of them are premium and must be purchased. Each comes with different features and options for customization. Hopefully you will find one that will be right for your next project.
CarouFredSel is a free plugin that turns any kind of HTML element into a carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, infinite and circular, automatically or by user interaction. With CarouFredSel you can easily create responsive carousels for your own web design projects. It includes features like 9 built in effects, support for CSS3 transitions, and more.
Tiny Carousel is a free and lightweight option. It is an excellent starting point that allows you to customize the look of the carousel. With Tiny Carousel you can create horizontal or vertical slides. It supports navigation by button or paging. There are also a number of options in relation to the transitions, and Tiny Carousel can be easily customized.
jCoverflip is a free carousel plugin. You can control the number of items, colors, fonts, and styles through CSS. You can display images and content associated with those images. For Drupal users, jCoverflip can also be run as a Drupal module.
Elastislide is a responsive image carousel that can be used vertically or horizontally. You can set a minimim number of images to be shown, and it can also be used in an image gallery. Like most other carousels, it also includes a few options for transitions.
The Responsive Image Gallery with Thumbnail Carousel is a part of a tutorial that goes through the process of creating it. You can download the source code to use it in your own work.
The Circular Content Carousel with jQuery is a free plugin that slides infinitely (circular). Each item includes a “more” link and when clicking on that link expanded information on the item is displayed.
Cloud Carousel is a free option with 3D effects. The images rotate in a circular fashion with realistic perspective and reflections are also shown.
This is a premium option (cost is $ 10 for a regular license) that includes a banner rotator, thumbnails banner, banner with playlist, content slider, in addition to the carousel. It includes touchscreen navigation support and is responsive.
This is another premium option (cost is $ 4 for a regular license) that supports both images and video. You can create up to 9 different styles of carousels, optional text descriptions, support for an unlimited number of images, and it offers a lot of customization options.
Roundabout is a free jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas. It can be used to display text or images, can include a clock, can use 3D CSS effects, and is highly customizable.
iCarousel is a premium option (cost is $ 8 for a regular license) that supports touch gestures. It is highly flexible and customizable to allow you to create something unique. Both 2D and 3D options are available.
Boutique is a premium option (cost is $ 8 for a regular license) for a unique customizable jQuery image slider with perspective and smooth interactions. There are plenty of options to customize, and you can style it with CSS to suit your own needs. Features included unlimited scrolling, unlimited number of images, 14 example styles, fluid width for responsive layouts, lightbox support, and plenty of options.
Showbiz is a premium option (cost is $ 8 for a regular license) to show services, portfolio items, blog contents… basically all business information thinkable. It is highly customizable, making it a good starting point.
Barousel is a free jQuery plugin to easily generate simple carousels where each slide is defined by an image, plus any type of related content. It includes a number of options for customization, including slide duration, navigation type, content resize, and more.
Liquid carousel is a free 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. It includes options like height, speed of the animation, and navigation arrows.
For more resources please see:
- 20 Awesome jQuery Sliders
- 20+ HTML5 Tutorials, Resources, and Tips
- 11 Websites for Code Snippets
- 25 Free and Premium jQuery Menu Scripts
- 25 jQuery Drop Down Menu Scripts