Home > Categories > Games > JavaScript image puzzle

JavaScript image puzzle

 


The classic mix-up puzzle that uses any image you want. Your image is 'cut' into puzzle pieces and left to be scrambled then solved by your visitors.

Javascript code

<html>
<head>
	<!-- Free JavaScripts on http://www.ScriptBreaker.com -->
	<title>ScriptBreaker.com :: JavaScript image puzzle
	<link rel="stylesheet" href="imagepuzzle.css">
	<script language="JavaScript" src="imagepuzzle.js">
	<script language="JavaScript">
		var img = new Image();
		//Setting for the puzzle
		img.src = "cuba.jpg";  // url of the image
		var rows = 4; // Cut the image in ... rows
		var cols = 4; // Cut the image in ... cols
		var img_width = 400; // width of the image
		var img_height = 300; // height of the image
		//end settings
	</script>
</head>
<body>
	<div id="puzzle"></div>
</body>
</html>

 Download full sourcecode

Add a comment...