Attached is an image puzzle made using JavaScript. It’s a simple web page – with little styling – that is meant to demonstrate some minor functions of JavaScript. This puzzle is a picture of my dog (Goose), and the individual pieces of the puzzle can be dragged into place (though they don’t snap into a neat grid).

The html file has the complete code for the project, while the media folder contains each individual image square for the puzzle. These both need to be downloaded and in the same folder in order to properly work (once it’s downloaded, just open the .html file in your preferred web browser or in your IDE to modify).

 

This can be used as source code and can be customized to use any image (you can slice your own image by going here and uploading your own picture).

Download this project