Hulp nodig bij schuifpuzzel javascript

[28Bddj38083dQ12]

Hallo,
Ik heb een leuk javascript gevonden waarmee je een schuifpuzzel kunt maken met je eigen foto's. Ik wil dit gebruiken voor de website van mijn dochter. Het werkt al, alleen wil ik graag iets wijzigen, maar daarvoor kom ik helaas kennis te kort!
Zie: http://www.ciaraleonie.nl/spelletjes/schuifpuzzel/image_puzzle.html

Ik wil graag dat je de foto kunt kiezen (nu wordt ie random gekozen). Bijv. in een popup scherm waarin je de foto's kunt zien en degene aan kunt klikken waarmee je de puzzel wilt maken.

Wie kan me helpen?
Alvast bedankt!
Johan.

 

[hackerfrans]

Een paar kleine veranderingen:

Invoegen bijvoorbeeld boven function getImageWidth() op regel 142:

function changePuzzle()
	{
		var popup = window.open("","","height=175,width=300,scrollbars=yes");
		popup.document.open();
		for (var pt=0;pt<puzzleImages.length;pt++)
		{
			popup.document.write("<p><a href=\"#\" onclick=\"opener.setImage("+pt+");self.close();\"><img width=\"100%\" height=\"100%\" border=\"0\" vspace=\"3px\" src=" + puzzleImages[pt] + "></a></p>");
		}
		popup.document.close();
	}
	function setImage(pt)
	{
		imageInUse = imageArray[pt];
		puzzleContainer = document.getElementById('puzzle_container');
		getImageWidth();
	}

en onderaan de code aanpassen (regel 443):

<a href="#" onclick="initPuzzle();return false">Andere foto</a>

wordt:

<a href="#" onclick="changePuzzle();">Andere foto</a>

Groeten Frans

 

[28Bddj38083dQ12]

Thanks!

Super Frans! Geweldig. Het werkt prima. Bedankt voor de snelle reactie! Ik kom vast nog met meer vragen
Groetjes,
Johan.