🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

jQuery plugin to easy convert any image to image based jigsaw puzzle.

Animation Image Effects Plugins

Documentation

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 

You May Also Like