201030Mai

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.

Lightbox_me

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ß.

RSS-Feed abonnieren Bookmark bei Del.icio.us Bookmark bei Mister Wong