Lightbox, LightWindow und Co.

Letztes Update am Donnerstag, dem 9. Dezember 2010

Wer kennt sie nicht? Diese schönen Bildergalerien basierend auf JavaScript. Für Webentwickler und -designer ist dies eine schöne Methode Bilder unabhängig von der Programmierung anzuzeigen. Doch wie macht man das? Selbst ein Script schreiben? Wer das Rad nicht neu erfinden will, kann auch bereits speziell für diesen Zweck geschriebene Scripte zurückgreifen.

Zum einen Gäbe es da das allseits bekannte Lightbox, welches aktuell in der Version 2 vorliegt. Auf der Seite des Entwicklers finden sich neben dem Download noch eine Installationsanleitung und Demos. Alles in allem einfach zu integrieren und zu benutzen. Lightbox kann jedoch nur Grafiken anzeigen, was es damit auf genau diesen Anwendungsbereich beschränkt.

LightWindow hingegen bietet eine Fülle an Möglichkeiten Inhalte verschiedenster Art in dem Overlay-Fenster anzuzeigen. Unter anderem kann es mit Videos, Flash, PDF, sowie externen Inhalten wie einer Webseite und sogar Formularen umgehen. Wie bei Lightbox befinden sich auf der LightWindow-Seite auch die benötigten JavaScript-Datein zum Download, als auch Installationshinweise und Demos.

Als drittes im Bunde, gibt es auch noch GreyBox, welches Bilder und Webseiten als Galerie darstellen kann. Das Script basiert nicht wie die beiden zuvor auf Prototype und Scriptaculous, sonder arbeitet eigenständig. Es ist außerdem sehr klein, was lange Ladezeiten vermeidet.

Als Hinweis für die Leute die Lightbox oder LigthWindow einsetzen sein noch erwähnt, dass es diese beiden Scripte schon direkt zusammen gibt. Protoculous nennt sich das ganze. Neben dem Einsatz für Galerien bietet die JavaScript API Prototype eine vereinfachte Nutzung von JavaScript. Scriptaculous baut darauf auf und gibt dem Webentwickler weitere nützliche Funktionen zur Hand. Interessant könnte dann auch jQuery sein.

Dieser Artiekl wurde am Donnerstag, dem 9. Dezember 2010 von erstellt.
Er gehört zu folgenden Kategorien: Internet, JavaScript, jQuery, Prototype, Webdesign