Forum.EvoComp.de

[Midi]

Hallo, ich möchte einen Rahmen um das aktive Bild im thumbnails haben. Z.B, wenn man das grosse Bild navigiert, soll ein weisser Rand um thumbnail Bild angezeigt werden.
Ich habe den css -Code erweitert
#outline
border: { 3px solid white;
z-index: 0;
position: absolute; }
Wie kann ich "outline" in Script annsprechen. Ich dachte im Function "weiter" index_erstes_bild = "outline"? Es zeigt eine Fehler Meldung.
Danke für Tips
Midi

[alm]

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

[Midi]

Hallo Alex

Vielen Dank für deine Hilfe. Es funktioniert!
In Prinzip kann ich diese auch für thumnail-Blätter Funktion nützen oder?

MG
Midi

[alm]

Hallo Midi

die Funktion thumbnails_auffrischen wird von den Funktionen, mit denen ein Bild vor- bzw. zurück navigiert werden kann und auch von den Blätter-Funktionen aufgerufen. Das bedeutet, dass es auch beim Blättern ohne weitere Änderung funktionieren sollte.

Gruß
Alex