This blog has moved here: woorkup.com | FOLLOW ME ON TWITTER @woork
Thursday, May 14, 2009

7 Powerful image carousels for web designers

This post is a collection of some powerful carousels for images and text content ready to use in your web projects. It includes Agile Carousel, YUI Carousel, JCarousel, iCarousel (jQuery + MooTools) and a tutorial about how to implement a simple Flickr-like carousel using Prototype-UI. If you want to suggest other interesting scripts about this topic, please leave a comment. Thanks!

1. Agile Carousel
Agile Carousel is a jQuery plugin that lets you create a super fexible carousel with advanced setting options. It supports text and images in each box and a navigator to display in which box you are. Take a look here to see it in action, it's absolutely my favourite!


2. Yahoo! UI Carousel Control
The YUI Carousel Control provides a widget for browsing among a set of like objects arrayed vertically or horizontally in an overloaded page region. The "carousel" metaphor derives from an analogy to slide carousels in the days of film photography; the Carousel Control can maintain fidelity to this metaphor by allowing a continuous, circular navigation through all of the content blocks.

3. jCarousel
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).

4. jCarousel Lite
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.

5. Simple images carousel to create Flickr-like slideshows
This tutorial illustrates how to implement a simple images carousel to create a Flickr-like slideshow using Prototype-UI framework.

6. iCarousel
iCarousel is a powerful carousel built over MooTools v1.1 fully configurable from the user just in some steps. You can change any default option just initializating the class with an object in JSON. It's tested in Internet Explorer, Firefox, Opera and Safari.

7. Carousel.us
Carousel.us is an advanced Javascript 3D carousel which uses either MooTools framework and Reflection.js by Christophe Beyls, or Prototype.js and Script.aculo.us frameworks with Reflection.js. Take a look here to see it in action.



Useful scripts and resources Facebook-inspired for web developersBest Image Croppers ready to use for web developers10 Beautiful Web UI librariesFile uploaders collection for web developersInteresting html FORM Validators for web developers

blog comments powered by Disqus
Antony said...

Excellent!

autumns said...

Nice. The problem is with Magento is it's not simple to use anything other than Prototype grr.

Ocim said...

nice carousel i think, great ...

Dicky said...

I used Agile Carousel before. Definitely it is the most powerful Carousel plugin for jQuery!

GONDES said...

Thanks for your nice info

Vince said...

jQuerY Cycle is working for me ;)

Zeynel Aslan said...

How can we use these plugins? Could you please tell us more detailed?

Shiju Alex said...

Nice round up. Thanks.

By the way, on your right column, did you mean "Hot Links" ?
Now it is written "Hot Liks"

Miladinoski said...

Great! :)

MorayWeb said...

Nice collection, have used a couple of them before and will give the others a try. Cheers!

illustrator artwork said...

thank you for this great work, just like always Excelent!!

Jake said...

Awesome collection, it's so great to find so many resources online for JavaScript libraries to add neat effects to your site. It's almost like they multiply every day!

Anibe said...

Nice post as always Antonio. Agile carousel is certainly one of the best I've seen.

Anonymous said...

It seems like you rarely have Spry options in your lists. Is there a reason why? I've found Spry to be very stable in comparison to jQuery at many times.

David Karr said...

Dojo also has a similar component:
http://dojocampus.org/explorer/#Dojox_Image_Gallery_Default

Yantram BPO said...

Excellent activity....

akzhan said...

Hello Antonio,

Here are some interesting carousels from of readers of your article in russian (translated by me at http://habrahabr.ru/blogs/webdev/59681/):

first one is http://eyecon.ro/spacegallery/

second is http://spaceforaname.com/galleryview

Dalibor said...

Most of them are already seen but it is still a great collection on one place. Bravo ;)

Ir. hydir said...

Antonio .. can u make a post step by step on how to use agile jCarousel in blogspot platform ..

I have try several times but still no success :(

Thanks

Victoria said...

Thanks for the great info. I will add this to my resources

william said...

Thanks for the great info. I will add this to my resources

web design st louis said...

great post!

neon said...

Your site is very good. There are useful information and most importantly, for sharing great. Thank you ....

Bet clic said...

Thanksss

  • Twitter Follow woork on Twitter
  • RSS Feed Subscribe to stay up to date
  • Podcast Coming soon...
  • 0 delicious lovers save
Share your links. Do you want to suggest any interesting link about web design or tech news? Submit your link.
Submit a News