JavaScript Lightbox auf die Schnelle

November 28th, 2007 10:18 Uhr von Ronald

Wer mal eben eine Lightbox für die schickere Präsentation seiner Bilder haben möchte, dem kann geholfen werden.

Als Lightbox bezeichnet man in der Regel einen Layer, der “über” der Seite liegt, während selbige abgedunkelt wird. Dadurch wird das Augenmerk des Betrachters auf den Layer in der Mitte fokussiert. Das ist ein schicker Effekt um Bilder zu präsentieren, oder aber auch um Meldungen auszugeben. Realisiert wird dieser Effekt i.d.R. mit JavaScript.

Lokesh Dhakar hat unter dem Namen Lightbox JS eine sehr schöne und schlanke Lightbox für Bilder erstellt, die er unter der folgenden URL zum Download anbietet: http://www.huddletogether.com/projects/lightbox/

Daran angelegt ist die Leightbox von Simon de Haan, die zur Darstellung von DIV-Layern (oder ähnlichem) erstellt wurde. Sie benötigt allerdings die JavaScript-Bibliothek Prototype und kommt daher nicht so “schlank” daher, wie die Variante von Dhakar. Demo & Download findet man unter: http://eight.nl/files/leightbox/

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • Digg
  • del.icio.us
  • Netvouz
  • DZone
  • ThisNext
  • MisterWong
  • Wists

Geschrieben in (X)HTML, CSS, JavaScript | Keine Kommentare »

Einen Kommentar abgeben

Bitte beachte: Die Kommentare werden moderiert. Dies kann zu Verzögerungen bei Deinem Kommentar führen. Es besteht kein Grund den Kommentar erneut abzuschicken.

*
To prove you're a person (not a spam script), type the answer to the math equation shown in the picture. Click on the picture to hear an audio file of the equation.
Click to hear an audio file of the anti-spam equation