Verschiedene Lightboxen im Überblick

26. November 2007 um 13:49 Uhr von Daniel · Trackback-URL

Immer beliebter wird zur Darstellung von Bildern in Form eines “PopUps” die “Lightbox”. Bei der Suche nach einem geeigneten Script für eine Lightbox stößt man schnell auf viele verschiedene Modelle und Funktionen, deshalb gibt es hier einen kurzen Überblick.

Lightbox JS 2.0
Das Original – nur für die Anzeige von Bildern geeignet.
Benutzt die Prototype- und Sciptaculous-Bibliotheken, daher ziemlich viel Quellcode.

Lightbox Gone Wild
Eine Lightbox-Variation, erlaubt auch HTML und Formulare sowie Bilder.
Benutzt Prototype-Bibliothek, daher ziemlich viel Quellcode.

Leightbox
Sehr ähnlich der Lightbox Gone Wild (Prototype-basiert, erlaubt Bilder, HTML etc.). Der Lightbox-Inhalt steht jedoch versteckt im HTML und kann so von Suchmaschinen indiziert werden.

jQuery Lightbox Plugin
Benutzt jQuery, nur für Bilder geeignet.

Thickbox
Nutzung von AJAX möglich, damit ist sie klein und effizient. Erlaubt sind Bilder oder HTML in der Lightbox.
Benutzt jQuery. Größe: ca. 40 KB.

LITBox
Eine Lightbox die in einer Klasse geschrieben ist und damit meherer Instanzen der Lightbox gleichzeitig erlaubt. Basiert auf der Thickbox.

GreyBox
Ein <iframe> versucht PopUps, Bilder, HTML und andere URLs als PopUp auf dem Bildschirm darzustellen.
Größe: ca. 20 KB.

GreyBox Redux
Das JavaScript muss nicht mehr in die Seite direkt eingebunden werden, noch kleiner als die GreyBox.

Lightbox mit moo.fx
Die JavaScript-Bibliothek für moo.fx aufbereitet, basiert ebenfalls auf Prototype und nur Darstellung von Bildern möglich.

Multi-faceted Lightbox
Nutzt Prototype, bietet jedoch eine Vielzahl an Möglichkeiten, auch verschiedene Datentypen in der Lightbox anzuzeigen.

Multibox
Baut auf moo.tools und kann neben Bildern auch HTML und Videos anzeigen.

Lightbox Plus
Original Lightbox mit erweiterten Features. Erlaubt ausdehnbare Bilder und automatische Bildgrößenanpassung an die Größe des Browserfensters.

Suckerfish Hover Lighbox
Ermöglicht den Lightbox-Effekt unter Berücksichtigung auf die Zugänglichkeit. Nicht die typische Lightbox, jedoch trotzdem eine nette Präsentationsmöglichkeit.

Lightboxen für Wordpress:
Lightbox Plugin für WordPress
Lightbox2 Plugin für WordPress
GreyBox Plugin für WordPress

Litebox
Eine Lightbox-Version mit schlankem Quellcode. Nutzt die moo.fx-Bibliothek und Prototype-Lite. Eine gute Wahl wenn die Dateigröße der Seite eine Rolle spielt.

Dies ist eine erweiterte deutsche Übersetzung dieses Artikels (englisch).

13 Kommentare zu "Verschiedene Lightboxen im Überblick"

: Am 26. November 2007 um 13:58 Uhr schrieb Christian
Super Liste Danke. Ich hab jetzt immer die Slimbox benutzt, da diese nur wenige Kilobyte benötigt. http://www.digitalia.be/software/slimbox

Am 26. November 2007 um 16:42 Uhr schrieb Reinhardt

Nutzen dieses Tool – man kann einzelne Bilder auch noch nach dem anklicken verschieben und mehrere öffnen.

http://vikjavev.no/highslide/

: Am 26. November 2007 um 17:32 Uhr schrieb Daniel
Wow, das gefällt mir sehr gut. Werde ich nachher mal in die Liste mit aufnehmen.

Am 26. April 2008 um 22:40 Uhr schrieb Wolfgang

Schoene Liste. Eine Lightbox fehlt ir noch:
http://www.phatfusion.net/multibox/ (mootools Framework benoetigt).

: Am 30. April 2008 um 10:05 Uhr schrieb Daniel
Danke für den Hinweis, ich habe die Multibox auch in die Liste mit aufgenommen.

Am 13. August 2008 um 06:08 Uhr schrieb Flo

In Verbindung zur Multibox hab ich auch noch etwas schönes gefunden: Die Multibox als Wordpress Plugin.

Scheint einfach in der installation zu sein… habs selber aber noch nicht probiert

http://www.rutschmann.biz/php-mysql-javascript-und-ajax/multibox-wordpress-plugin

Gruss der Flo

: Am 2. Oktober 2008 um 23:35 Uhr schrieb Scream
Die Facebox ist auch sehr fein:
http://famspam.com/facebox

Am 5. November 2008 um 14:08 Uhr schrieb Alf

http://vikjavev.no/highslide/

Das Ding ist genial, da man das Fenster auch verschieben kann. Jedoch leider darf man lt. Lizenz nicht mal einen Banner auf der Seite haben. Kennt zufällig jemand eine lightbox die man auch verschieben kann und auch für Commerzielle Seiten kostenlos ist ?

Am 24. April 2009 um 19:17 Uhr schrieb GaMbIt

Da ich die Mootools einsetze und kein Lust auf eventuelle Probleme mit irgendwelchen anderen Frameworks hab ich noch ein wenig weitergesucht und die MOOdalBox gefunden…

Die sollte hier auch noch aufgenommen werden.

http://www.e-magine.ro/web-dev-and-design/36/moodalbox/

GaMbIt

: Am 15. September 2009 um 06:28 Uhr schrieb Der Wanderer
Ich danke für die Auflistung dieser Effekte, eventuell werde ich sicherlich 1-2 Möglichkeiten davon für ein neues Projekt nutzen können.

: Am 11. Dezember 2009 um 09:56 Uhr schrieb artViper
Auf Basis von mootools gibt es eine sehr komfortable Alternative, die neben inline content auch noch flv, swf, audio mp3, m4v, PDF, Bilder etc. handlen kann. Zu sehen unter http://www.artviper.net/bumpbox.php

: Am 25. Januar 2010 um 12:32 Uhr schrieb Platform
Vielen Dank, wurde gleich für einige Partybilder genutzt.

: Am 8. Februar 2010 um 16:52 Uhr schrieb Fabian
Also, die Kombi von einer Lightbox auf Mootools mit auf der Seite eingebundenem Prototype geht schonmal garnicht. Gibt es eine Lightbox, die Flash abspielt auf reiner Prototype-Basis?