Firefox akzeptiert div-Reihenfolge nicht

Bernstein

Hallo,
habe ein Darstellungproblemchen mit einem Script für eine Bildergalerie. Wahrscheinlich gehört die Frage auch eher in ein Javascript-Forum, aber vielleicht handelt es sich ja um ein bekanntes Firefox-Problem, von dem nur ich keine Ahnung habe.
Also: Um die Ladezeiten zu minimieren, sollen die Großbilder jeweils durch Klick auf die Thumbs dynamisch in einen einzigen div-Layer geladen werden.
Jetzt gibt es aber Probleme mit der Darstellung der Großbilder in dem dynamischen div-Layer. Während der IE das Großbild bzw. den div-Layer wie gewünscht über die Thumbs legt, spielen Firefox (und Opera) nicht mit. In diesen Browsern lässt sich nur das zweite Großbild über die Thumbs legen. Beim Klick auf das erste Thumb passiert gar nix.

Hier mal der Probelink: http://www.stilusmedia.de/test/test2c.html

Weiß jemand Rat?
Für jeden Hinweis dankbar und freundlich grüßend
Bernstein

bejot

Moin,
deine Testseite sieht bei mir im Fuchs so aus:

[Blockierte Grafik: http://img373.imageshack.us/img373/1872/stylusds4.th.jpg]

Im IE und Opera genau so

bugcatcher

Zitat von Bernstein

Wahrscheinlich gehört die Frage auch eher in ein Javascript-Forum

Oder eher ein CSS-Forum:
http://de.selfhtml.org/css/eigenschaf…ung.htm#z_index
Mit dem Z-Index kannst du genau festlegen, welches element worüber liegt.

Wobei ich auch keinerlei Darstellungsprobleme erkennen kann. Schliesslich halten sich die Browser wenn kein z-index angegeben wurde an die reihenfolge der Tags im quelltext. da dein overlay-div als letztes im quelltext steht, liegt er logischerweise über den anderen. mit z-index wäre es natürlich sauberer.

Mithrandir

Ein richtig cooles Skript gibt's übrigens auf http://www.huddletogether.com/projects/lightbox2/

Die Vorgänger-Version könnte auch langen: http://www.huddletogether.com/projects/lightbox/ - evtl. auch die leicht überarbeitete Fassung unter http://serennz.cool.ne.jp/sb/sp/lightbox/ anschauen.

Vorteil beim Lightbox-Skript: Die Bilder lassen sich bei deaktiviertem Javascipt immerhin noch in einem neuen Tab/Fenster öffnen.

Bernstein

Hi und danke!
Ist mir schleierhaft, warum in meinem Opera (8.0) und Firefox (1.0.5.4.) die Seite nicht korrekt dargestellt wird. Woran könnte das denn liegen?
Die Lightbox ist wirklich ein cooles Script, aber damit schaffe ich es nicht, das Großbild genau deckungsgleich über die Thumbnail-Galerie zu platzieren, oder?

regie510

Hallo,

sieht ja schon gut aus - aber zum Scrollen eines Bildes (bei lightbox2) braucht's eine potente Maschine, damit's nicht stückweise vor sich geht wie hier mit meinem P III 1000 :roll:

Gruß, Norbert

Mithrandir

N'Abend,

ist zwar schon ein wenig her, aber schadet ja nicht ...

Mittlerweile ist die schlankere Alternative zu Lightbox, nämlich Thickbox 2.0 (Link), auch in der Lage, Bildergallerien zu verarbeiten. Gibt zwar nicht so dolle Effekte (was bei alten PCs vielleicht von Vorteil ist), aber dafür ist das Skript viel kompakter und flexibler einsetzbar.

Mit ein wenig Bastelei bekommt man die CSS auch valide ([edit] s. http://home.arcor.de/ar/arne.d/bilder/sandsation/index.html [/edit])