jquery plugin to easy convert any image to image based jigsaw puzzle
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
js
sample
image-jigsaw.jquery.json
license.md
package.json
readme.md

readme.md

Image jigsaw js library

easily create a jigsaw from any image - view demo

screenshot

alt tag

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