Slidy Carousel is a lightweight jQuery carousel for sliding html based content.
Stable - development release List of known issues / Planned features
'auto' default: false If the carousel should automatically rotate 'autoTime' default: 5000 How many MilliSeconds the carousel should automatically rotate 'nav' default: false Shows previous/next links 'navPostion' default: inside (options: inside/outside) where the nav links should appear 'paging' default: false add paging to the carousel 'items' default: 3 How many items to show 'scroll' default: 1 How many items to scroll each click or auto rotate 'scrollTime' default: 1000 The time in MilliSeconds to scroll the items
.slidy { overflow: hidden; }.slidy-contain { position: relative; } .slidy-item { float: left; }
Call the plugin (Example)
The selector you call should be on the element directly above the UL
$(document).ready(function() { $.slidy('.slidy', { nav: true, navPosition: "outside", auto: false }); });
$('#selector').slidy({ items: 5 });