This example uses the YUI Carousel Control to showcase a simple multi-row Carousel. The
configuration setting now accepts an array, which instructs Carousel to organize its items into X number of rows by Y number of columns.
A multi-row Carousel still offers all the features provided by a single-row carousel including, but not limitted to:
loadItems, and items containing images and text.
Here we will use the YUI Carousel Control's
setting to display an album of images.
This example has the following dependencies:
This example uses progressive enhancement; the Carousel is built from an existing ordered list.
Make sure all carousel items have a width and height; even if multi-row has not been enabled.
Since we have the elements in place, we enable multi-row by passing Carousel's constructor the
set to an array specifying X columns by Y rows.
Note: You are viewing this example in debug mode with logging enabled. This can significantly slow performance.
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.