search

richardscarrott / jquery-ui-carousel

jQuery RS Carousel is a responsive and touch-enabled carousel written on top of jQuery and the jQuery UI Widget Factory providing a full and familiar API in less than 2.6kB minified and gzipped.
http://richardscarrott.github.io/jquery-ui-carousel/
192 stars 56 forks source link

Demo orientation change reveals all elements #13

Closed antisquark closed 13 years ago

antisquark commented 13 years ago

If you switch the demo to vertical, it makes the entire ul visible.

richardscarrott commented 13 years ago

That's because the itemsPerPage option is set to 'auto' so it'll fit in as many as it can which, due to the nature of vertical space in a browser, displays them all.

If you set the itemsPerPage option to a number you'll notice it displays a set amount.

Also you might want to note that this is all governed with CSS so if you wanted to use 'auto' as the itemsPerPage option you could still set the height of the .rs-carousel-mask to anything you desired.

This behavior does differ from the demo currently seen here: http://www.richardscarrott.co.uk/assets/javascript/jquery/ui-carousel/demo/ because I've not yet updated that to the latest.