jQuery TosRUs Plugin Examples
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
}
});
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();