jQuery Touch Optimized Sliders "R"Us

Lightbox popup examples

Fire the plugin on a (set of) thumbnail(s) and it will create a lightbox popup with a slider for the enlarged images.
The plugin will automatically create a gallery from the targeted anchors.

This lightbox has been set up with a thumbnail pagination:

$("#example a").tosrus({
   pagination : {
      add        : true,
      type       : "thumbnails"
   }
});

This lightbox has been set up so that the images fill up the entire screen and has captions and a bullet pagination:

$("#example a").tosrus({
   pagination : {
      add        : true
   },
   caption    : {
      add        : true
   },
   slides     : {
      scale      : "fill"
   }
});

Besides images, you can also scroll through YouTube and Vimeo video's and any other type of HTML:

Kitty ipsum dolor sit amet

Purr attack in viverra nullam, jump on the table puking chase the red dot biting run fluffy fur tempus et. Jump on the table iaculis tortor tail flick eat egestas, jump on the table zzz sleep in the sink chuf. Lay down in your way orci turpis knock over the lamp vestibulum aliquam, ac shed everywhere non judging you shed everywhere scratched. Accumsan egestas scratched puking scratched tincidunt a, purr dolor enim ut jump on the table orci turpis libero. Vel non vel amet, stretching jump litter box eat sagittis nunc non. Nunc chuf pellentesque leap et ac, tortor climb the curtains stuck in a tree sollicitudin. Sagittis nibh aliquam nunc, tortor stretching rhoncus suspendisse hiss accumsan rhoncus litter box. Consectetur jump on the table dolor suscipit suscipit hiss, iaculis biting mauris a I don't like that food.

Purr judging you nam dolor rip the couch, purr tincidunt a tristique give me fish aliquam climb the curtains pharetra. I don't like that food vel puking hairball, nam pellentesque attack consectetur suspendisse sleep in the sink feed me. Sleep on your face tortor faucibus chuf hairball, leap quis nunc sleep in the sink egestas meow. Tail flick sleep in the sink tincidunt a sunbathe enim, pellentesque scratched purr sleep on your face sagittis. Litter box hiss shed everywhere etiam, biting non aliquam egestas tincidunt a enim ut tail flick iaculis. Et mauris a aliquam run suscipit mauris a, attack stuck in a tree stuck in a tree iaculis lay down in your way sollicitudin.

$("#example a").tosrus();

Inline slider examples

Fire the plugin on a "wrapper" with existing content, and the popup gallery is replaced with an inline slider.
Just like the lightbox popup, the slides in this slider are responsive by default.

This slider has been set up to show three slides and is infinite:

$("#example").tosrus({
   infinite   : true,
   slides     : {
      visible    : 3
   }
});

This slider has been set up to so that the images fill up the wrapper. It has no buttons, only a pagination:

$("#example").tosrus({
   buttons    : false,
   pagination : {
      add          : true
   },
   slides     : {
      scale      : "fill"
   }
});

About the images

All images on this demo-page are hosted on lorempixel.com.
Because these images are generated by a server-side script, they don't end with ".jpg" or something similar. To ensure the plugin would still recognise the url as an image, "?img.jpg" was added to the url.

Why cats?
Because everybody loves cats, right?