Fullscreen Lightbox Javascript Fullscreen Lightbox ,React 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.