Total Followers 132,503
Carousels are handy if you have a row images and want your visitors to access them in solid and really beautiful way. With jQuery opportunities this feature is made very simple and good-looking.
In this post you’re going to find different types of premade carousel plugins and tutorials how to make your own unique carousel gallery whenever you wish, find also some little inspiration at the end of article as bonus!
A ready to use jQuery slider/carousel to present your images in a unique, smooth and customizable way. Simply link to the JavaScript and CSS files and apply it to your HTML element like other jQuery plugins. Customize the settings and CSS to match your style and purpose. Full documentation and examples included.
jCarousel is a jQuery plugin for controlling a list of items in 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). Check out 15+ examples, tutorial how to set it up and all configuration options. Works with all major browsers. Here’s the circular dynamic carousel example.
jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. jCarousel Lite is not a replacement for jCarousel; rather it is a light-weight (only 2kb) alternative for users whose primary focus is not to build a full-blown image gallery.
Agile Carousel is a JQuery plugin that lets you create a carousel with flexible settings. Some cool features:
Here’s an example with intro slide.
The core allows to create your own controls or effects. This plugin transforms and tags into an animated carousel.
jQuery carousel plugin where small image thumbnails allow users to jump over to other images.
Features:
Step 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.
A jQuery content carousel that works with any size content and supports mouse input. Features:
LoopedCarousel is a plugin made for jQuery that is not only a looping carousel, its main goal is to be extremely easy to implement. No more messing around with CSS to get your carousel to look and function properly. You want to show 5 items? Tell it “items: 5″ and so.
Great looking plugin with various types of use.
Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. In its simplest configuration, Roundabout works with ordered- and unordered-lists, however after some quick configuration, Roundabout can work with a set of nested elements.
This post will give you a quick run down of how to easily add a simple and easily customizable carousel with WordPress posts from a specified category.
This plugin builds on the built-in WordPress gallery, and replaces any gallery inserted using the
tag with a neat jQuery powered carousel.
In this tutorial you will make an infinite JQuery carousel. The infinite effect will be made by changing position of the items, when the user clicks right(next) the first item will be placed after the last item and when he clicks left(previous) the last item will be placed before the first item. You can check out the demo.
Screencast how to create infinite jQuery carousel. Step by step written tutorial also available. Check out the demo and access code.
Get The Only Freelancer crash course you will ever need to read!
chilling, living, dreaming. you can check out my blog, find me on flickr and follow me on twitter.
Thursday, January 19th, 2012 08:01
This is one of the best source for Jquery Carousel we’ve found in the net. We have follow some of the link you’ve posted and made it.
Thank you for sharing this information.
Sunday, October 9th, 2011 15:22
These are the best resources on the net.Thank you so much for posting all of these great stuff.I will definitely come back again.
Sunday, October 9th, 2011 15:20
Thank you so much for this article.It was really enjoying to read it so I will definitely come back again.
Thursday, September 22nd, 2011 18:53
Wow, some impressive effects, thanks for that collection.
Greetz
Thursday, August 11th, 2011 13:01
Hi,i am want to show multiple categories for slide show,for one category i want to shwo 3images at a time,next,prev button are available for every category,i have developed thsi slide show by using jquery plugin jCarouselLite ,its working fine for one category ,but i don;t know how to use it for
muiltiple categories,
like
Category1
prev image, image2 image2 next
Category2
prev image, image2 image2 next
Category3
prev image, image2 image2 next
Category4
prev image, image2 image2 next,
by using jCarouselLite plugin,can you say pls how to work with it pls,
Friday, May 20th, 2011 17:08
Thanks for the share! These will be very useful for my homepage!
Friday, November 5th, 2010 09:20
jQuery carrousel has a new version : moodular.
http://www.gougouzian.fr/projects/jquery/moodular !!!
Better design, new effects …
Monday, October 4th, 2010 16:27
@Luis Lopez
“flash is dead”
Flash will come back. HTML5 techniques could catch up in more than 2-3 years. Iphone is getting threatening competition, and all of them support flash. Removing flash from internet and having nothing to REALLY replace it make me belive that Steve Jobs made this move too early.
He wanted to have monopoly in iPhone applications but it’s time to pay for that. And to pay not by paying enourmous fine but by loosing shares in phones market.
Sunday, July 11th, 2010 01:03
The jQuery Carrousel by Sylvain Gougouzian is particularly interesting since it not only handles variable widths but also heights.
Wednesday, July 7th, 2010 20:08
its a great combination of jqurey plug ins, tutorials and resources, you done well, thanks for share this useful stuff.
Tuesday, July 6th, 2010 12:49
Excellent, Honestly I love carrousels and I think Jquery is the best tool to get a nice one on your site, (flash is dead) and with those tutorials it could be really easier.
Thanks!!!
Monday, July 5th, 2010 23:10
Great selection, have often though about dabbling in Jquery but it would be a whole new learning curve for me.
Still looking to get to grips with WordPress, one thing at a time methinks, nonetheless thanks for this, added to my bookmarks to delve into at a later date!
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
Ben
Monday, July 5th, 2010 23:10
Great selection, have often though about dabbling in Jquery but it would be a whole new learning curve for me.
Still looking to get to grips with WordPress, one thing at a time methinks, nonetheless thanks for this, added to my bookmarks to delve into at a later date!
Pawel
Monday, October 4th, 2010 16:27
@Luis Lopez
“flash is dead”
Flash will come back. HTML5 techniques could catch up in more than 2-3 years. Iphone is getting threatening competition, and all of them support flash. Removing flash from internet and having nothing to REALLY replace it make me belive that Steve Jobs made this move too early.
He wanted to have monopoly in iPhone applications but it’s time to pay for that. And to pay not by paying enourmous fine but by loosing shares in phones market.
Elio
Sunday, July 11th, 2010 01:03
The jQuery Carrousel by Sylvain Gougouzian is particularly interesting since it not only handles variable widths but also heights.
Danny
Wednesday, July 7th, 2010 20:08
its a great combination of jqurey plug ins, tutorials and resources, you done well, thanks for share this useful stuff.
Luis Lopez
Tuesday, July 6th, 2010 12:49
Excellent, Honestly I love carrousels and I think Jquery is the best tool to get a nice one on your site, (flash is dead) and with those tutorials it could be really easier.
Thanks!!!
Sylvain Gougouzian
Friday, November 5th, 2010 09:20
jQuery carrousel has a new version : moodular.
http://www.gougouzian.fr/projects/jquery/moodular !!!
Better design, new effects …
Matt
Friday, May 20th, 2011 17:08
Thanks for the share! These will be very useful for my homepage!
Ester
Thursday, January 19th, 2012 08:01
This is one of the best source for Jquery Carousel we’ve found in the net. We have follow some of the link you’ve posted and made it.
Thank you for sharing this information.
freebies online
Sunday, October 9th, 2011 15:22
These are the best resources on the net.Thank you so much for posting all of these great stuff.I will definitely come back again.
freebies online
Sunday, October 9th, 2011 15:20
Thank you so much for this article.It was really enjoying to read it so I will definitely come back again.
hari
Thursday, August 11th, 2011 13:01
Hi,i am want to show multiple categories for slide show,for one category i want to shwo 3images at a time,next,prev button are available for every category,i have developed thsi slide show by using jquery plugin jCarouselLite ,its working fine for one category ,but i don;t know how to use it for
muiltiple categories,
like
Category1
prev image, image2 image2 next
Category2
prev image, image2 image2 next
Category3
prev image, image2 image2 next
Category4
prev image, image2 image2 next,
by using jCarouselLite plugin,can you say pls how to work with it pls,
azella
Thursday, September 22nd, 2011 18:53
Wow, some impressive effects, thanks for that collection.
Greetz