jq-tiles Slideshow – a plugin with cool transition effects

The jq-tiles Slideshow is a plugin with many cool css3 transition effects.

jq-tiles Slideshow

Slider gallery with rich options of animation settings, available on MIT license.

Support in: Webkit, Firefox, Opera, IE9-8*, IE10.

Some options:

– fade: fade images in addition to the tiles effect

– random: animate tiles in random order

– reverse: start animation from opposite direction

– navWrap: add the navigation to an existing element

jq-tiles Slideshow - a plugin with cool transition effects
jq-tiles Slideshow – a plugin with cool transition effects

Demo:

http://elclanrs.github.io/jq-tiles/

Usage of jq-tiles Slideshow is really simple:

HTML

<div class="slider">
  <img src="img1.jpg"/> <!-- No description -->
  <img src="img2.jpg"/><p>Description image two</p>
  <img src="img3.jpg"/><p>Description image three</p>
</div>

CSS

.slider { width: 600px; height: 400px; }

JS / jQuery

$('.slider').tilesSlider({ random: true })

Download from Git Hub:

https://github.com/elclanrs/jq-tiles

Enjoy!

Share:Share on Facebook0Share on Google+1Tweet about this on TwitterShare on LinkedIn0Pin on Pinterest1