dynamicinternet Wir machen Ihr Web dynamisch!

Fotogalerie online

geschrieben von Micha am 05. März 2008 | 3 Kommentare

Jetzt ist die Galerie auf Unser Görlitz endlich online. Geschrieben hatte ich darüber schon einmal. Ich benutze dafür die Lightbox 2 von Lokesh Dhakar. Die Benutzung ist denkbar einfach. Ich erzeuge eine ungeordnete Liste mit den Vorschaubildern, die ich per CSS auf immer identische Abmessungen verkleinere. Diese Liste wird gefloatet. jedes Vorschaubild bekommt einen Anker zum Bild in der Originalgröße. Der Text im title-Attribut wird von der Lightbox als Text unter dem Bild dargestellt. Lediglich ein rel-Attribut muß dem Anker hinzugefügt werden, damit die Lightbox funktioniert. Hier ein Beispiel:

<li>
   <a href="http://www.unser-goerlitz.de/news/wp-content/uploads/2008/03/goerlitz-bruederstrasse-10.jpg"      title="Görlitz Brüderstraße 10, Renaissanceportal" rel="lightbox[portale]">
   <img src="http://www.unser-goerlitz.de/news/wp-content/uploads/2008/03/goerlitz-bruederstrasse-10.thumbnail.jpg" alt="Portal Görlitz Brüderstraße 10" />
   </a>
</li>

Sollte ein Besucher kein Javascript haben, wird das Bild ohne Effekte geladen.
Für mich die beste Lösung. Kein Plugin, jederzeit Wechsel auf etwas Anderes möglich, ohne großartig die geschriebenen Seiten verändern zu müssen.