Hallo zusammen,
Javascript-Problem:
- Ich habe 3 einzelne Html Dateien mit Thumbnails(ca jeweils 10 kleine Bilder), nun möchte das man mit Onclick auf eine andere einzelne Html Seite springt, wo dann das ensprechend grosse Bild in einer Tabelle angezeigt wird (Die grossen Bilder haben alle die selbe Grösse).
<a href="grosseseite1.html"><img src="thumb1.jpg"></a>
Und in grosseseite1.html die Tabelle einbauen wie gewünscht.
Wahlweise (geht dann nur mit Javascript) kannst du auch einen Parameter in der URL übergeben und dann nur eine Seite benutzen, die dynamisch das große Bild einbindet.
<a href="grosseseite.html?gross1.jpg"><img...></a>
Dazu liest du dann </selfhtml/javascript/objekte/location.htm#search>
- Wenn man sich auf der Seite mit dem grossen Bild befindet, sollte man auch durchblättern können.
Baue eine zentrale JS-Datei, in der du ein Array mit allen Bildnamen definierst. Dann brauchst du noch einen Button "vorwärts" und "rückwärts", die jeweils das nächste oder vorige Bild aufrufen. Diese beiden Funktionen testen, welches Bild gerade angezeigt wird (z.B. anhand der URL oder anhand des Bildes (document.imagename.src)), prüfen, wo sich das im Array befindet (alle Arrayelemente mit dem Namen vergleichen) und weiß dann, welches vorher und nachher kommt (aktueller Arrayindex +1 oder -1). Die zentrale Datei kann dann überall eingebunden werden, wo du blättern willst.
Hat mir jemand einen guten Tipp oder eine Lösung in Scriptform?
Ich möchte das ganze nicht mit Frames lösen..
Für schnelle Hilfe bin ich sehr dankbar
André
Ist zumindest ein Tipp.
- Sven Rautenberg