Carousel Examples: YUI Library, jQuery, MooTools & Prototype

Are you looking to setup a carousel on your website? Checkout this list!


The YUI Carousel Control is an excellent tool if you need to offer your website’s a way to browse images/content arrayed vertically or horizontally in an overloaded page region. Some of the featured provided by this awesome library include:

  • Circular Carousel
  • Partial revealing previous and next items
  • Usage of both images and text within an item
  • AJAX usage for deferred loading of items
  • Paginator
  • Usage with the ARIA plugin


jCarousel is a JQuery Plugin for controlling a list of items in horizontal or vertical order. The items can be scrolled back and forth (with or without animation) and can be static or loaded with AJAX.

Quick feature list:

  • Simple and Vertical Carousel
  • Dynamic content loading using AJAX
  • Circular Carousel
  • JCarousel can be used a Textscroller
  • Flexible Carousel
  • Carousel with Custom Animation Effect


JQuery Infinite CarouseljQuery for Designers decided to add a scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page. The fully explained tutorial will walk you through the fundamentals of the effect and the way it can be recreated.


Creating a carousel with MooTools is a step by step fully explained tutorial that will teach you how to create a Carousel using the MooTools Framework. It shows you how to set up the HTML, CSS and the JavaScript Effects:

  • Getting started
  • Setting up our HTML and CSS
  • Setting up the effects with Mootools
    • The basics
    • The ‘next’ and ‘previous’ links
  • Wrapping it up


Prototype’s UI. Carousel is an advanced class that handles a carousel of elements in a page. A very well explained documentation is available for this class. The carousel can be either vertical or horizontal, works with liquid layout and is designed by CSS.

Comment via Facebook


Leave a Reply

Your email address will not be published. Required fields are marked *