This example showcases a simple circular Carousel. The
isCircular configuration setting can be used to make a Carousel "circular" — meaning that, once the last item on the Carousel is selected, the "next" item will be the first item.
In this example, you can use arrow keys to select items as well as click on an item to select it. These are built-in features of the YUI Carousel Control.
Here we will use the YUI Carousel Control's
setting to make the Carousel into a loop.
This example has the following dependencies:
This example uses progressive enhancement to build the Carousel from an ordered list of elements.
We'll have only one CSS rule to set the height for the Carousel items.
Since we have the elements in place, we can invoke the Carousel's
constructor with the
isCircular configuration to create the widget.
All YUI 2.x users should review the YUI 2.8.2 security bulletin, which discusses a vulnerability present in YUI 2.4.0-2.8.1.