close
Fullscreen Lightbox Javascript Fullscreen Lightbox ,React Fullscreen Lightbox Vue Fullscreen Lightbox Vue

Vanilla JS Lightbox Documentation

Learn how to use the Vanilla JavaScript version of Fullscreen Lightbox.

Captions

Pro feature

A caption at the bottom of the slide can be displayed with the "data-caption" attribute.

<a
data-fslightbox="gallery"
data-caption="<h2>An example title.</h2><h3>An example description.</h3>"
href="/Image.jpg"
>Image</a>

Or using the JavaScript "captions" array prop. Both elements and HTML strings can be provided.

var c = document.createElement("h3");
c.innerText = "A first caption";
fsLightboxInstances["gallery"].props.captions = [c, null, "<h2>A third caption.</h2>"]
Look over the Fullscreen Lightbox open source plug-ins.