Quelltext zum Puzzle

Achtung, alle Bilder, die v o r den angezeigten Bildern stehen (auch Leergifs), werden vom Script mitgezählt ! Dementsprechend müssen die übergebenen Werte angepasst werden.
<script type="text/javascript">
<!--
//Der Zähler für die verschiedenen Bilder, anfangs auf Null
p = 0;

//Zählervariable für das "Zufallscript", anfangs auf Null
d = 0;

//Erster Array mit den Bildteilen des ersten Bildes (umgebrochen !!)
img01=new Array(
"img1/img01.jpg","img1/img02.jpg","img1/img03.jpg","img1/img04.jpg",
"img1/img05.jpg","img1/img06.jpg","img1/img07.jpg","img1/img08.jpg",
"img1/img09.jpg","img1/img10.jpg","img1/img11.jpg","img1/img12.jpg"
);

//Zweiter Array mit den Bildteilen des zweiten Bildes (umgebrochen !!)
img02=new Array(
"img2/img01.jpg","img2/img02.jpg","img2/img03.jpg","img2/img04.jpg",
"img2/img05.jpg","img2/img06.jpg","img2/img07.jpg","img2/img08.jpg",
"img2/img09.jpg","img2/img10.jpg","img2/img11.jpg","img2/img12.jpg"
);

//Dritter Array mit den Bildteilen des dritten Bildes (umgebrochen !!)
img03=new Array(
"img3/img01.jpg","img3/img02.jpg","img3/img03.jpg","img3/img04.jpg",
"img3/img05.jpg","img3/img06.jpg","img3/img07.jpg","img3/img08.jpg",
"img3/img09.jpg","img3/img10.jpg","img3/img11.jpg","img3/img12.jpg"
);

//Aus den drei Bildarrays einen neuen Array bilden
imgalle = new Array(img01,img02,img03);

//Diese Funktion ist für den Bildwechsel zuständig
//p steht ja noch auf Null, so wird Array[Null] von "imgalle" ausgewählt
//y wird per Link übergeben und ist die Nummer des Bildes im ausgewählten Array
//So wird also Bild[y] aus Array imgalle[0] ausgewählt
function wechs(y) {
document.images[y].src=imgalle[p][y];
}

//Reset-Funktion - Auslesen der Gesamtzahl der Bilder auf der Seite
//Alle diese Bilder mit dem Blindbild (grau) auswechseln
function res() {
d=0;
var b = document.images.length;
for (var a=0; a<b; a++) {
document.images[a].src="blind.jpg";
 }
}

//Funktion zum "Lösen" des Rätsels - genau wie die Reset-Funktion
//Hier wird aber wieder p benötigt, um alle Teile des richtigen Bildes zu laden
function zeig() {
var b = document.images.length;
for (var a=0; a<b; a++) {
document.images[a].src=imgalle[p][a];
 }
}

//Funktion, um neues Bild zu laden - p wird um eins erhöht
//Alle Bilder der Seite werden wieder mit dem Blindbild ausgewechselt
function neubild(){
d=0;
p++;
var b = document.images.length;
 for (var a=0; a<b; a++) {
 document.images[a].src="blind.jpg";
 }

 //Falls p = 3 ist, wird p wieder Null
 if(p==3)p=0;
}

//In einem Array werden die Nummern der Einzelbilder gespeichert
//Durch hochzählen der Variable d werden nacheinander die Nummern aufgerufen
//Zur richtigen Funktion müssen alle anderen Funktionen d wieder auf Null setzen
function zufall() {
var arr = new Array(1,12,3,8,9,5,4,10,7,11,2,6);
document.images[arr[d]].src=imgalle[p][arr[d]];
if(d==11)d=0;
d++;
}

//-->
</script>


//Ein Beispiellink - die Zahl in der Klammer ist das zu übergebende y <a href="javascript:wechs(0)"> <img src="blind.jpg" width="100" height="100" border="0"></a>