Image Slideshow With Tiles Transitions - Tiles Slider

File Size: 6.68 KB
Views Total: 4297
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Image Slideshow With Tiles Transitions - Tiles Slider

The Tiles Slider jQuery plugin lets you create a fancy slideshow that automatically switches between images with creative, unique tiles transition effects.

How to use it:

1. Insert a group of images into a DIV container.

<div class="example" id="example">
  <img src="1.jpg" alt="">
  <img src="2.jpg" alt="">
  <img src="3.jpg" alt="">
  <img src="4.jpg" alt="">
  <img src="5.jpg" alt="">

2. Insert jQuery library and the JavaScript jquery.tiles-slider.js at the bottom of the webpage.

<script src="" 
<script src="jquery.tiles-slider.js"></script>

3. Call the function tilesSlider function on the top container and done.




4. Set the time to wait before switching to the next image.

  delay: 400

5. Specify the number of tiles in the shape.

  tiles: 16

6. Change the default transition effect 'stairway' to 'chaotic'.

  effect: 'chaotic'



  • added tests and es5 support

This awesome jQuery plugin is developed by andreymatin. For more Advanced Usages, please check the demo page or visit the official website.