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.