Also erstmal wäre es toll gewesen, wenn du ein Online-Beispiel posten könntest. Ich weiß z.B. nicht, ob du mit dem Thumbnail-Array automatisch eine Bildliste generieren lässt oder die Thumbnails händisch in deine HTML-Datei einfügst. Falls zweiteres, brauchst du das Array eigentlich gar nicht. Aber gut, schauen wir mal:
1.) Deine Arrays sehen wahrscheinlich ca. so aus:
PHP-Code:
big_img = new Array (
"haus.jpg",
"boden.jpg",
"tisch.jpg",
"fenster.jpg"
);
small_img = new Array (
"haus_th.jpg",
"boden_th.jpg",
"tisch_th.jpg",
"fenster_th.jpg"
);
2.) Gib jedem Thumbnail einen Link mit, der eine Funktion aufruft (siehe übernächster Punkt) und die Indexnummer des dazu gehörigen großen Bildes als Parameter angibt:
PHP-Code:
<a href="javascript:HolDasBild(0);"><img src="haus_th.jpg" width="xx" height="xx"></a>
3.) An der Stelle, wo jeweils das große Bild erscheinen soll, fügst du dem img-Tag eine ID hinzu, um das Bild nachher per Javascript ansprechen zu können:
PHP-Code:
<img id="foto" src="platzhalter.jpg">
4.) Schreibe eine Funktion, die das Foto austauscht:
PHP-Code:
function HolDasBild(bild) {
document.getElementById("foto").src = big_img[bild];
}
Das sind die Hauptschritte, zusammen setzen musst du es halt noch. 
Übrigens: Im ersten Link meiner Sig siehst du Bildergalerien, in denen die Beschreibung der Fotos genau wie in deinem Fall gewünscht per Array zu den Fotos zugewiesen wird.
LinkBack URL
About LinkBacks
Zitieren
