Bildwechsel

[henman]

hallo,

Das soll eine Art Diashow werden, oder?
Mit Javascript geht das ganz gut.

Als erstes brauchst du alle Bilder in einem Array, damit du sie beisammen und schnell zugreifbar hast.

Als nächstes brauchst du ein img-Element. Damit werden die Bilder angezeigt. Das Element erhält eine id, dann kannst du über Javascript schnell darauf zugreifen.

Die Auswahlliste gestaltest du so, dass bei Klick auf einen der Punkte (in deinem Falle die Zahlen), über Javascript das src-Attribut des img-Elementes geändert wird. Die Funktion (nennen wir sie diashow()) muss also auf das Array zugreifen und das Bild anzeigen, dass du haben willst.
Bsp.: Klick auf drei --> zeige drittes Element aus dem Array.

Das wars zur Diashow.

Es gibt aber auch User, die haben kein Javascript aktiviert. Bei denen würde also gar nichts passieren. Nicht schön. Das kannst du aber verhindern. Zum Beispiel über PHP und URL-Parameter.
Bsp.: www.example.com/diashow.php?bild=1
Die Variable 'bild' hat den Wert '1', also wird Bild 1 gezeigt usw.

Deine Auswahlliste muss für dieses Verfahren aus Links zu den Seiten mit den entsprechenden Bildern führen.

Jetzt kommt wieder Javascript ins Spiel. Du brauchst noch eine Funktion, welche die Linkziele deiner Auswahlliste durch Aufrufe von diashow() ersetzt.

Ist Javascript an, werden die Links quasi umgebaut und die Diashow ist ohne Neuladen der Seite einsetzbar. Ist Javascript aus, gehts trotzdem, denn dann sind in deiner Auswahlliste einfache Links.

in der Hoffnung, mir nicht umsonst bei den Erklärungen einen abgebrochen zu haben,

grüße,
henman