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