Skip to content

mebjas/image-jigsaw

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

jquery plugin to easy convert any image to image based jigsaw puzzle

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published