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
- 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.
- 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.
- April 11, 2009
- article by Gabriel C.
- Share your thoughts!
Image Cropping with jQuery, MooTools, Prototype & script.aculo.us
at December 22, 2008 with 3 comments
Zoom Images using jQuery and MooTools
at December 21, 2008 with 2 comments
Image Reflection with jQuery, MooTools and script.aculo.us
at January 11, 2009 with 3 comments
How to use the Scroll Effect in jQuery, MooTools and Script.aculo.us
at March 16, 2009 with 7 comments
Highlight Elements in Script.aculo.us, jQuery and MooTools
at March 29, 2009 with 1 comment