Spotlight example

This example uses the YUI Carousel Control to showcase a simple spotlight example using its itemSelected event. In this example, you can use arrow keys to select items as well as click on an item to select it.

Though this functionality looks a little complicated, it is very easy to implement. This is because the YUI Carousel Control handles the keyboard event and the mouse click event for setting the selection. When an item is selected, the YUI Carousel Control triggers an itemSelected event. This example subscribes to the itemSelected event to display the selected image in the spotlight.