image-jigsaw

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