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
});