jQuery Touch Optimized Sliders "R"Us
The one-stop-shop jQuery plugin for scrolling/swiping through all different kinds of content. On a desktop, tablet or smartphone, inside a HTML element or as a lightbox popup.
The plugin is responsive by default, so try resizing your browser.
This is a demo-page, for the full documentation please visit TosRUs.frebsite.nl
Lightbox example (default configuration)
Clicking a thumbnail will open up a lightbox popup with a slider for the enlarged images.
// Javascript:
$("#example1 a").TosRUs();
Inline slider
If you specify a "wrapper", the popup gallery is replaced with an inline slider.
// Javascript:
$("#gallery2").TosRUs({
slides: {
collect: false,
visible: 3,
css: {
padding: 10
}
}
});
Thumbnail gallery
Now lets combine the thumbnails from the first example with the "wrapper"-option from the second example and create yourself an inline gallery with thumbnail navigation.
// Javascript:
$("#example3 a").TosRUs({
buttons: false,
keys: false,
wrapper: "#gallery3",
slides: {
collect: true,
visible: 1,
width: '80%',
offset: '10%',
css: {
padding: 10
}
}
});
Other types of content
Besides images, you can also scroll through video's from YouTube and Vimeo and any other type of HTML.
// Javascript:
$("#example4 a").TosRUs();
