Netztaucher

Erkenntnisse eines Netzbewohners

Greybox und ein paar Probleme …

3 Kommentare


Wer heute eine schöne Bilder-Galerie im Netz veröffentlichen möchte, der nutzt diese netten JavaScript-gestützten Galerien mit den Namen Lightbox, Thickbox, Slidebox oder Greybox.

Greybox hat den großen Vorteil, dass die Buttons zum Schließen oder Vor- und Zurückblättern immer an einem Ort sind und man sich so auf die Bilder konzentrieren kann. Bei den anderen liegen diese Buttons entweder im Bild oder unter dem Bild und verändern somit ihre Position, wenn sich die Größe des Bildes ändert.

Greybox hat mir aber auch zwei kleine Probleme bereitet:
Das Stylesheet von Greybox erzeugt nur bei XHTML-Dokumenten ein korrektes Aussehen. Nutzt man dagegen z.B. HTML 4.01, so werden die Buttons etwas verschoben, so dass man horizontal scrollen muss. Eine Alternative zum ändern des DOCTYPE in XHTML ist eine Veränderung des Stylesheet. Laut der Aldebaaran auf der Mailingliste von Greybox soll es so funktionieren:

Instead, to fix the issue, I just altered the gb_styles.css file. On
line 62 (under .GB_header table), I changed the width from 100% to 96%,
and it brings the close button in enough to keep it on the page, and
eliminate the horizontal scroll. It now looks like this:

.GB_header table {
margin: 0;
width: 96%;
border-collapse: collapse;

Ein weiteres Problem existiert wahrscheinlich mit allen Varianten dieser Javascript-Slideshows, die Überblendeffekte nutzen:
Wenn in Seamonkey 1.0.x unter EinstellungenErweitertSkripte & Plugins, bei „Grafiken verändern“ kein Häkchen ist (und somit dem Javascript nicht erlaubt ist), dann werden bei Greybox nicht nur keine Effekte gezeigt, sondern auch keine Buttons.
Bei Firefox kann man Javascript das Grafiken verändern nicht verbieten (Stand Version: 2.0.0.2). Eventuell gibt es ältere Versionen, für die das gleiche Problem gilt.

Hier mein Beispiel für eine Greybox-Galerie!

Noch mehr Greybox-Artikel:
Greybox anpassen
Greybox anpassen Teil 2

Autor: Torsten

Webworker, Moderator im deutschen WordPress.com Supportforum und lebendiges Videoformate-Lexikon.

3 thoughts on “Greybox und ein paar Probleme …

  1. Pingback: Greybox anpassen « Netztaucher

  2. Pingback: Greybox anpassen - Teil 2 « Netztaucher

  3. Und dann sollte man auch gleich noch das Padding durch Margin ersetzen, damit oben in der Mitte der Abstand zu den Schaltflächen im IE richtig angezeigt wird:

    #GB_middle .left {
    margin-right: 10px; /*IE statt padding*/
    }

    #GB_middle .right {
    margin-left: 10px; /*IE statt padding*/
    }

Schreibe einen Kommentar

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s