Fullscreen Lightbox Javascript Fullscreen Lightbox React Fullscreen Lightbox Vue

Vanilla JS Lightbox Documentation

Official Fullscreen Lightbox guide!

Captions

Pro feature

To display captions at the bottom of slides you can use data-caption property.

<a
data-fslightbox="gallery"
data-caption="<h1>Example title</h1>"
href="/images/1.jpg">
Captioned source
</a>

Or using javascript captions property (array of strings).

fsLightboxInstances['gallery'].props.captions = ['<h2>Example caption</h2>'];
Get connected wth us on social networks!