Lightbox_me: DOM-Elemente als Lightbox nutzen
Wer nach einer Möglichkeit sucht, jedes beliebige DOM-Element einer Website mit der beliebten Lightbox-Funktionalität auszustatten, sollte sich das jQuery-Plugin "Lightbox_me" ansehen. Mit dem kleinen Skript können also vordefinierte Container, die per CSS versteckt werden, als Lightbox eingeblendet werden. Mittlerweile bieten viele Lightbox-Varianten die Darstellung von iframe-Inhalten an, so dass auch externe HTML-Dateien geladen werden können. Ein Blick auf die Lightbox Clones Matrix hilft.
Das Lightbox_me-Plugin bietet viele Optionen, mit denen sich die Anzeige des DOM-Elements einstellen lässt. Ein Beispiel für die Verwendung des Skripts:
- $("#link").click(function(){
- $("#lightbox-element").lightbox_me({
- centered: true,
- onLoad: function(){
- $("#form").find("input:first").focus()
- }
- });
- return false;
});
Eine Callback-Funktion ist also möglich, so dass beim Laden des Lightbox-Elements Aktionen durchgeführt werden können. Das Plugin funktioniert in allen gängigen Browsern und ist in unkomprimierter Form etwa 7,8 KB groß.