Hallo Midi,
was den CSS-Code angeht: So kann das nicht funktionieren. Da ist wohl was durcheinander geraten. Richtig wäre folgende Auszeichnung:
- Code: Alles auswählen
#outline { border: 3px solid white; z-index: 0; position: absolute; }
Wenn das jeweils ausgewählte Bild einen Rahmen erhalten soll, dann funktioniert dies auf jeden Fall nicht ohne Anpassung des Galerie-Scripts. Hierzu muss die Funktion thumbnails_auffrischen beim Auffrischen der Thumbnails die von den Thumbnails verwendeten Styles (über das Attibut className) anpassen. Etwa durch Erweiterung des Scripts um folgende Zeilen:
- Code: Alles auswählen
if (index_grosses_bild == index_erstes_bild + i)
document.getElementById ('thumbnail'+ (i + 1)).className = "thumbnail_outline";
else
document.getElementById ('thumbnail'+ (i + 1)).className = "thumbnail";
Dies muss natürlich innerhalb der For-Schleife in thumbnails_auffrischen gemacht werden.
Zudem müssen noch die zugehörigen Styles erstellt werden:
- Code: Alles auswählen
#thumbcontainer ul li img.thumbnail { ... }
#thumbcontainer ul li img.thumbnail_outline { ... }
Die erste Zeile muss durch die CSS-Auszeichnungen nicht ausgewählter
Bilder vervollständigt werden. In der Zweiten Zeile stehen die CSS-Optionen für das aktuell ausgewählte Bild in der Galerie.
Gruß
Alex