Lightbox
# Lightbox

Als Lightbox (nach dem englischen Wort für Leuchttisch) bezeichnet man vor allem im Webdesign eine besondere Form um Fotos, andere Bilder, Videos und sonstige Multimediainhalte zu präsentieren. Klickt der Benutzer ein Vorschaubild an, so wird die Seite abgedunkelt und das großformatige Bild darüber schwebend angezeigt. Häufig besteht auch die Möglichkeit zwischen den Bildern einer Seite zu blättern.

## Geschichte

Die erste Lightbox programmierte 2005 Lokesh Dhakar, der das Skript kurz darauf unter einer freien Creative-Commons-Lizenz veröffentlichte. Das Skript wurde schnell populär und fand viele Nachahmer.

Heute gibt es eine große Vielfalt an unterschiedlichen Implementierungen einer Lightbox mit variierendem Funktionsumfang und Konfigurationsmöglichkeiten. Teilweise handelt es sich um eigenständige Skripte, teilweise um Plug-ins zu JavaScript-Bibliotheken wie jQuery. Auch die meisten Content-Management-Systeme bieten eine Lightbox entweder direkt integriert oder als Erweiterung an.

## Funktion

Eine Lightbox wird meist als dynamisches HTML in JavaScript programmiert. Ein Klick auf das Vorschaubild wird abgefangen und es werden zwei neue Elemente eingefügt: Ein halbtransparenter Hintergrund, der über die Seite gelegt wird und diese abdunkelt, und das Bild oder Video selbst im Großformat darüber. Dazu können noch weitere Elemente kommen, etwa eine Bildunterschrift oder Navigationselemente. Der Form nach entspricht die Lightbox damit einem modalen Dialog. Klickt der Benutzer auf den Hintergrund oder eine explizite Schaltfläche, so werden das großformatige Bild und der halbtransparente Hintergrund wieder entfernt, sodass die ursprüngliche Ansicht wiederhergestellt wird.

Häufig wird das Vorschaubild dabei bereits im HTML-Quellcode mit dem großformatigen Bild verlinkt, die Lightbox stellt dann eine progressive Verbesserung dar. Für die Barrierefreiheit werden weitere Ansprüche an Lightbox-Skripts gestellt, die viele Aspekte vom Ladeverhalten der Bilder bis zur Bedienung auf Mobilgeräten betreffen.

Statt der Verwendung von JavaScript kann eine Lightbox auch mit CSS alleine implementiert werden.

## Verbreitung

Die Lightbox ist inzwischen eine etablierte Form der Bildpräsentation im Internet. Neben der Präsentation von Bildern wird die Lightbox auch für Texte und Videos eingesetzt. Dabei gilt die Lightbox als benutzerfreundliche und effiziente Alternative zu herkömmlichen Pop-ups.

Eine alternative Form zur Präsentation von Bildern ist das Karussell.

