Lightbox Klon-Matrix – die elegante Art Popups zu gestalten
Wer ein modales Popupfenster unter Verwendung von CSS und JavaScript benötigt, wie zum Beispiel für eine Großansicht eines Bildes, der stößt beim Suchen im Internet schnell auf das Schlagwort “Lightbox”.
Lightbox ist die erste Implementierung eines solchen einfachen modalen CSS/JavaScript Popups und hat sich durch seine Einfachheit aber auch Eleganz im Verhalten rasant verbreitet. So verwendet zum Beispiel auch Focus Online Lightbox (mit der Maus nach dem Laden der Seite auf das Bild klicken) um Bilder vergrößert darzustellen.
Mittlerweile ist Lightbox in der Version 2 verfügbar, bei der sich das Fenster je nach Bildgröße dynamisch skaliert und man auch eine ganze Reihe von Bildern hintereinander in dem Popup ansehen kann. Diese beiden Beispiele kann man sich auf der offiziellen Seite auch direkt online ansehen.
Man ist schnell auf die Idee gekommen Lightbox ein wenig zu erweitern oder für die Lieblings-JavaScript Bibliothek, wie zum Beispiel jQuery oder Mootools, zu klonen. Zum Beispiel verwenden wir bei OpenWishes für die Großansicht eines Produktbildes auf einer persönlichen Wunschliste den Lightbox Klon “Thickbox” für die JavaScript Bibliothek jQuery.
Da es mittlerweile sehr viele Klone gibt bietet es sich an eine Übersicht zu erstellen. Und so kommen wir zur “Lightbox Clones Matrix“. Mit dieser Lightbox Klone Matrix hat sich jemand Names Ozh die Mühe gemacht ein paar Lightbox Klone tabellarisch zusammenzufassen und auszuwerten.
Die Tabelle kann man noch nach Bibliothek und Features filtern. So kann man je nach verwendeter JavaScript Biliothek und Features schon einmal eine schöne Vorauswahl der zur Verfügung stehenden Lightobx Implementierungen schnell zusammenstellen.
In dieser Seite ist auch schön zu sehen, dass die Seite mit der Unterstützung von jQuery entstanden ist und beim Sortieren oder Filtern zum Einsatz kommt. =)
