This example showcases a simple yet powerful feature of the YUI Carousel Control. In this example, the Carousel displays the previous and next
elements partially, giving a sneak peak of the upcoming image to the user.
revealAmount configuration setting accepts the percentage of the
width of an item to reveal.
Here we will use the YUI Carousel Control's
setting to reveal the previous and next items partially.
This example has the following dependencies:
This example uses progressive enhancement; the Carousel is built from an existing ordered list.
We 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
revealAmount configuration to create the widget.