Image jigsaw js library
easily create a jigsaw from any image demo
screenshot
How to use
To create a jigsaw create a div class="panel" and place the required image inside it like
<div class="panel"> <img src="img.jpg"> </div>
you need to mention the height and width for the code to perform its task
you need to include the scripts in ./js/ directory like
<script src="js/jquery.js"></script> <script src="js/img.js"></script> <script> $(".panel").jigsaw({freq: 2000, x: 4, y: 4, margin: 2}); </script>
Explanation for property fields
freq: time in milli seconds when the images should change
x: no of columns
y: no of rows
margin: margin between each blocks
distinct: (new) set to false if you dont require each block to be distinct images