Mit Lightbox hat Lokesh Dhakar mit Sicherheit eine Web-Legende für Bilddarstellung geschaffen. Neu in Version 2 sind Image-Sets und Übergange zwischen den Bildern.
Lightbox 2 nutzt (und das muss lobend erwähnt werden) Prototype und die Scriptaculous-Effekt Bibliothek.
Die Integration gestaltet sich denkbar einfach:
- Prototype JS einbinden
- Scriptaculous JS einbinden
- Lightbox JS einbinden
- Lightbox CSS einbinden
- Beliebige Image-Tags mit dem rel=”lightbox” Attribut ausstatten
Lightbox kann auch Titel anzeigen, dann muss der Image-Tag ein title-Attribut beinhalten. So schnell kanns gehen ;-) Um eine Galerie mit Lightbox zu realisieren, muss einfach das rel-Attribut als Array umfunktioniert werden:
rel="lightbox[galerie]"
Wenn man mit einem beliebigen Bild aus der Galerie startet, kann man über eine angenehme und intuitive Navigation durch die Galerie browsen…
