Carousel Examples: YUI Library, jQuery, MooTools & Prototype
Posted on April 11, 2009, under jQuery, MooTools
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 Carousel – jQuery 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.
- Source: http://www.prototype-ui.com/
- Documentation: http://docs.prototype-ui.com/rc0/Carousel
- April 11, 2009
- article by Gabriel C.
- Share your thoughts!
Related Posts
-
Image Cropping with jQuery, MooTools, Prototype & script.aculo.usat December 22, 2008 with 3 comments
-
Zoom Images using jQuery and MooToolsat December 21, 2008 with 2 comments
-
Image Reflection with jQuery, MooTools and script.aculo.usat January 11, 2009 with 3 comments
-
How to use the Scroll Effect in jQuery, MooTools and Script.aculo.usat March 16, 2009 with 7 comments
-
Highlight Elements in Script.aculo.us, jQuery and MooToolsat March 29, 2009 with 1 comment

Comment via Facebook