Problem mit Firefoxdarstellung einer Bildergalierie (lightbox)

[Gunnar Bittersmann]

@@ryan1979:

nuqneH

ich habe folgendes Problem mit meiner Bildergalerie:

Online-Beispiel, bitte.

Hier der Code:

Dazu vorab schon mal einige Hinweise:

<span class="text">Zum Vergr&ouml;&szlig;ern bitte anklicken</span></p>

Es ist nicht sinnvoll, Zeichen wie 'ö' und 'ß' derart zu verstümmeln.

Und wozu das 'span'-Element?

  			<center>  

Verwende kein Markup (missibilligte HTML-Elemente und -Attribute) für die Dastellung, sondern ausschließlich CSS!

<div class="gallerie"><a href="images/gallerie/dsc_0001.jpg" rel="lightbox-impressionen"><IMG alt="Impression" src="images/gallerie/dsc_0001.jpg"></a></div>
                  <div class="gallerie"><a href="images/gallerie/dsc_0002.jpg" rel="lightbox-impressionen"><IMG alt="Impression" src="images/gallerie/dsc_0002.jpg"></a></div>

Wenn alle Geschwisterelemente (hier 'div') derselben Klasse (hier "gallerie"[sic!]) angehören, ist das ein sicheres Indiz, dass die Klasse völlig überflüssig ist.

Für alle Bilder denselben @alt-Text zu verwenden macht die Seite auch nicht barrierefrei. Dann kannst du @alt auch gleich weglassen.

Warum 'div'-Suppe? Das ist eine Liste von Bildern! Also:

<p>Zum Vergrößern bitte anklicken</p>  
<ul class="galerie">  
                  <li><a href="images/gallerie/dsc_0001.jpg" rel="lightbox-impressionen"><img src="images/gallerie/dsc_0001.jpg"></a></li>  
                  <li><a href="images/gallerie/dsc_0002.jpg" rel="lightbox-impressionen"><img src="images/gallerie/dsc_0002.jpg"></a></li>  
<!-- ... -->  
</ul>

Du verwendest die großen Bilder für die Vorschau?? Das ist unsinnig, eine riesige Datenmenge zu übertragen, die der Nutzer gar nicht benötigt. Kostet nur sinnlos Ladezeit. Erstelle Thumbnails (kleine Vorschaubilder in der Größe, wie sie angezeigt werden)!

Qapla'