Interactive Studio

Know How

Know How

Lightbox

Die Lightbox ist eine Möglichkeit, in der App- und Webentwicklung Bilder, Bildergalerien, aber auch Videos, Texte und andere Multimedia-Inhalte darzustellen. Dafür verwendet der Webentwickler meist JavaScript. Mit einem Klick vergrößert sich das ausgewählte Vorschaubild (Thumbnail) und der Hintergrund der Website wird dunkel, sodass das Bild besonders hervorgehoben wird und quasi auf der Website zu schweben scheint.

Die Implementierung der Lightbox wird in der Regel im CSS über zwei Listen gehandhabt. In der ersten wird das Bild in der normalen Größe hinterlegt, in der zweiten so, wie es nach dem Klick zu sehen sein soll. Die Vorteile der Lightbox liegen vor allem in geringer Dateigröße und Datenmenge der Thumbnails. Dadurch lässt sich die Website schneller im Browser laden, die UI und UX werden optimiert und die Bewertung der Website durch Suchmaschinen verbessert sich. All das trägt dazu bei, dass User die gesuchte Seite im Netz schneller finden.

Begierde Wissen

insights

insights