richardscarrott/jquery-ui-carousel — Issue #19: Changing Orientation creating multiple rows
Author: antisquark
Created: 2011-10-25 21:48:45+00:00
State: open

Initial settings
{
startAt: null,
itemsPerPage: 4,
itemsPerTransition: 'auto',
noOfRows: 1,
speed: 'normal',
easing: 'swing',
pagination:false,
orientation:'horizontal',
nextPrevLinks: true
}

Mask Width is manually set using Javascript to access CSS, wide enough for 4 items (312px).

Re-orienting all carousels on page with:
$('.rs-carousel').carousel('option', 'orientation', 'vertical');
Mask height is manually set using Javascript to access CSS, wide enough for 4 items (312px).

This results in a vertical scroller that has 4 columns, and the next/prev links scroll up one 'row' at a time (4 items at a time, still).

After this,
$('.itemCategory.rs-carousel').carousel('option', 'orientation', 'horizontal'); results in a horizontal scroller with multiple rows..