In web design, a jQuery carousel is an element giving visitors easy and visible access to several content items.
It is typically a dynamic scrolling list of items in horizontal order where previous and next items are partially visible. The items, consisting of HTML content, images, videos etc. can be scrolled back and forth (with or without animated transitions).
If you like jQuery plugins and javascript in general, make sure to check out the fully-licensed premium scripts found over at Envato Market.
Using sliding horizontal panels, known, as Carousels and Sliders, to feature top content, is one of the strongest web design trends over the last couple of years. It is a very effective method to increase the web site usability and engage the user.
The reason for this trend is mainly the arrival of jQuery that have made it almost a “walk in the park” to add a jQuery carousel or a jQuery image slider plugin to a web site. There are many great jQuery carousel plugins available today, and it is quite difficult to choose the best.
This article has been created specifically to help you get started using jQuery Carousels, but you may also jQuery Slider plugins. This article was recently updated with new jQuery carousel plugins and all link where checked.
Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.
[exec]$filestr = file_get_contents(‘http://www.tripwiremagazine.com/googleadsensebelowmoretag.inc’);echo $filestr;[/exec]
jQuery Carousel Plugin collection
RoyalSlider – Touch-Enabled jQuery Carousel
Royal Slider is a best selling plugin with more than 30.000 paying users. It is easy to use and it has a beautiful responsive layout. You will get a lot of useful features with this jQuery image gallery and content slider plugin. It has touch screen support, animated captions and 3 different navigation options. Royal SLider is perfect as image slider, website gallery, rotator for banners and carousel slider.
Boutique carousel
This is a cool premium option for e.g. online shops to show off new products. It is a ready to use jQuery carousel script used to present your images in a unique, smooth and customizable way. You can easily customize the settings and use CSS to match your style and purpose.
All in one jQuery Banner Rotator / Carousel
Want a carousel plugin that also solves all kinds of slider and banner rotator needs. Then All in one banner rotator could be the jQuery carousel plugin you are looking for. This plugin is a premium option and a regular license cost $10. This jQuery script can be configured to work as content carousel, a banner rotator, thumbnails banner, banner with playlist and content slider. All in one is responsive and it will adapt to fit mobile screens.
TouchCarousel – jQuery Content Carousel – MORE INFO / DEMO
With TouchCarousel you get a premium carousel solution (regular license cost $10) with a mobile-friendly design. It is a lightweight jQuery script with touch navigation for spoiling mobile and tablet users.
Layer Slider
This is a premium jQuery content slider using the famous parallax-effect to impress visitors. It comes with a carousel skin but basically this is more a content slider than a classic carousel design. It is possible to use images or any other HTML elements, including Flash movies as layers. This allows you to build really amazing animations.
Cloud Carousel – MORE INFO / DEMO
This jQuery carousel is a free carousel plugin. It features optional auto-reflections, and the information contained in the Alt and Title tags of the images can optionally be displayed as you hover over each image. The carousel features realistic perspective and rotate images in a 3D fashion.
BX Slider
BX Slider is a responsive and very flexible jQuery HTML Content carousel and Slider. This free option offers both horizontal, vertical, and fade transitions.
Liquid Carousel
Liquid carousel is a jQuery plugin intended for adding a simple carousel to your web pages. Every time the container of the carousel gets resized, the number of items in the list change to fit the new width.
Agile jQuery Carousel
Highly customizable jQuery Carousel plugin so you can build according to your requirements. JSON data format is used to provide easier integration with external data or data from your CMS. Use it for agile web development. This is an all new version written from scratch. JQuery UI effects and the ability to read files on the server are no longer included. New features are added, such as “Control Sets” which allow for a more customizable setup. Now posted on Github for faster development.
jCarousel
With this simple jQuery script, jCarousel, you get a simple carousel solution for sliding items in either horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).
Feature jQuery carousel
Feature jQuery carousel will always display three images at the same time in a classic carousel style. All the rest of the images will be hidden behind the center image. Users can navigate using paging or number buttons.
jQuery Timeline Slider
Timeline Slider is a really cool plugin to build your history timelines. It is a premium option. Its main configuration can be easily customized due to its compact config parameters, directly from the html file. Also more configurations can be edited through the css style sheet file. Timeline Slider comes with 2 skins, Dark, Light, to make easy the integration on your web project. The powerful jQuery library makes this component cross-platform.
Rcarousel
rCarousel – yet another (but super duper) continuous jQueryUI carousel. It has lots of features and good examples.
Step jQuery Carousel Viewer
Step jQuery Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps. And fear not in taming this script to go exactly where you want it to- two public methods, two custom event handlers, and three “status” variables are here for that purpose.
jMyCarousel
jMyCarousel is a free, highly customizable, non obstructive carousel written in javascript, based on jquery, and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted very easily to any layout, and the way it animates the picture is adaptable.
Theatre Carousel
This is a premium jQuery Carousel that can do both horizontal and vertical sliders and in particular the horizontal carousel looks awesome.
Thank you for visiting Tripwire Magazine. Don’t forget to share this post with your friends.
Dustin Betonio is a Translation Management graduate at University of Mindanao. His earlier career was devoted on customer service outside the information highway. Currently studying Law in the same University.
I think so amazing plugin. I want to use.
I recently bought the theatre slider. In dreamweaver live view it works perfectly. However, when I go to view in chrome or iexplorer it’s blank. Has anyone else had this issue or knows how to fix it?
nice plugins.. thanks from Turkey..
Hi,
I am looking for a carousel for videos which stops rotating once a video is clicked on. Prefer one that is responsive and works for all browsers. Any suggestions? Thanks.
I love these sliders. I will use one of them on my website soon.
Thanks guys!
Great js scripts carousels. excellent job in collating all these. Thank u.
Hey what about Royal Slider ? (http://dimsemenov.com/plugins/royal-slider/) I have used it recently (not the plugin though just the JS version) here – http://inglesencadiz.com, it’s very well adapted to mobile / tablets and son on,
Amit
Thanks Amit, I know Royal Slider and yes it is great!
thanks
thanks for sharing . nice designs. but some of them are commercial
Thank you for all this in one place!
Thank you for such a robust collection. It was helpful to find all types at one place.
Thank you, great collection…
I also found this one very useful online slideshow creator and it’s totally free: http://www.comslider.com 🙂
It also supports ken burns effect…
Thanks for sharing this Willy
It would be great to know which version of jQuery they use? But nonetheless a great list.
Great input Mark, should be a focus area for next update
Hi,
Thanx for sharing you Slider Collections.I like It 🙂
“Please Tell me How Can I Add this Slider to my Website”
Thanx.
Deepak, you will need to edit the HTML file for your website, or the template of the CMS you use. The slider script and jQuery need to be loaded in the head section. Then in the body part you will add a container element and call the script. Typically once you download a slider plugin you will find installation instruction as part of the package.
Thanks for sharing. purchased the one from codecanyon – All in one jQuery Banner Rotator / Carousel.
Looks great, but will see once I get it working.
Pete
Hi Pete, I’m glad you found the article useful, and even ended up finding a plugin you liked. Hope it will work out for you.
Regards,
Sofie
Awesome ! Its a very nice collection.
Great achieve….nice
Superb and amazing please send more to my mail id…
Ur’s
Rock Raaghav
Thanks for the sharing!
I had never heard of it before but I am definitely going to use it!
Thanks a lot champ:)
Hi there, I am trying to use Thumbnails Navigation Gallery with jQuery but it does not work with Internet Explorer, what can I do ?
[…] that will showcase your contents in continuous loop, take a look at the collection of 25 best jQuery carousel plugin applications presented below. Check out each item carefully to familiarize yourself with its […]
Awesome sliders!
Thanks for sharing 🙂
Hello,
I’m looking for a full-width homepage slider/carousel that features thumbnails and headline text stacked on the right-hand side like the Lazy Slider (example: http://www.mysqlhow2.com/). The Lazy Slider is not full-width. Any suggestions would be greatly appreciated!
Thanks.
Bodhi
great list, thanks
Hi . Thanks for collection,sharing his list.:)
[…] jQuery slider or or jQuery carousel plugin is a very useful way to feature important content. By using jQuery slider plugins, we can […]
Thanks for sharing this accordian guide.. I found just the ones i needed for my new site 🙂
There are many good accordions out there.. But i think that there are even more bad!
Hey! Thanks for sharing his list.
I found that roundabout carousel is exactly what I need.
And I’m sure I’ll be back for other sliders in the future!)
Glad you found the list useful
Best regards Sofie
Best collection I’ve seen so far… Bravo!
Here’s another one: http://www.megiddo.ch/jqarousel/
Hi! i can’t find the link to download it
Thanks!
Congratulations for this article! It is very helpful.
coooool
coooool
We all hate snobbery, right? And…we were all Newb’s once, right? Well, just in case you might like some feedback from a “NEW” Newb? First of all, thanks for the plugins, it’s really appreciated (more than you ‘old hands’ can probably remember!). Without inflaming any snobbery stuff, I’ve downloaded a 3D carousel to try and learn how to develop interesting and cool features for my own personal development (thanks FredHQ – re: “roundbout”). It kinda works, but I’m having fun (if that’s the word) trying to work out why mine’s not like the example shown. I’m gonna crack this…I’ve gone… Read more »
Hi streamdr
Thanks for giving us feedback and for telling us your story. We want to share value and I’m happy you appreciate our work. It can be really frustrating if stuff wont work as it should, but it seems like you are a real fighter – good luck.
Lots of plugins right here…You saved my ass…Great!
I don’t see http://www.holest.com/example.html in this list and that is mistake, truly one of the best components. Hope this helps you make better list.
Actually it bites..
Its simply super kewl carousel plugins.. Thanks for sharing..
Some nice sliders here, been looking for a slider with logo’s on the left and the slider effect i.e. scrolling on the right, not quite found something yet. I really do like no 14!
Great collection… really helpful.. thanks for your struggle
This is great round up – thank you! I am curious if you (or any of the commentors) know of a tool or snippet that would allow me to continuously scroll and loop a long, horizontal image. I have website that used Flash to accomplish this, but I would like to recreate in a mobile friendly format… (example: http://cateringbyliz.com)
Pual I agree it is a cool feature. What you are looking for may be what I would call horizontal image scrollers. One option I just found is available at codecanyon for $12: jQuery Horizontal Image Scroller.
On the live demo page set the following properties – one row only though:
control type: none
directional buttons: unchecked
Another one is: jQuery Awesome Nishtyak Gallery
I think you can do the 2 rows here and it is an only $7 premium plugin.
That is a wonderfull collection of image carousel’s. I have used them many times. will certainly help webmasters like me in their web development.
thanks for sharing, you have very nice collection. Awesome.
This is awesome!!! I spent a lot of time searching for this list of amazing jquery!
I like the bxSlider most, which includes all the features we required for our #dnn #modules. Appreciated much this great sharing. 🙂
Good roundup of carousel’s. A few of them are close to what I was looking for
Awesome collection! My favorite are Niva Slider and WOWSlider.
Thanks, bookmarked
Great carousel collections, have been searching for the right carousel, Thanks for sharing
First Booked..
code canyon always the best place 🙂
btw thanks for the list .. really help
this page is definitely bookmarked on my browser!
Best page about jquery carousel. Very useful article. Great job ! !
thanks. there are perfect !!