Fullscreen Lightbox Javascript Fullscreen Lightbox ,React Fullscreen Lightbox Vue

Vanilla JavaScript Fullscreen Lightbox

An overview.

Vanilla Javascript Fullscreen Lightbox

A simple and powerful lightbox without any dependencies!

A vanilla JavaScript plug-in without dependencies for displaying images, videos, or, through custom sources, anything you want in a clean overlying box.

Speed up your work by including a ready, editable lightbox.

Learn more about Vanilla JS FsLightbox.

<!-- Create links -->
<a data-fslightbox="gallery" href="https://i.imgur.com/fsyrScY.jpg">
An image
</a>
<a data-fslightbox="gallery" href="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4">
A video
</a>
<a data-fslightbox="gallery" href="https://www.youtube.com/watch?v=3nQNiWdeH2Q">
A YouTube video
</a>

<!-- Add the library (only one file) -->
<script src="fslightbox.js"></script>

If you want to see more advanced options, visit the documentation.

Check out how the basic version of Vanilla JavaScript Fullscreen Lightbox works.

YouTube Videos

Custom sources

I'm a textual custom source.

Check out how the Pro version of Vanilla JavaScript Fullscreen Lightbox works.

Images

Rocks Green Land Ocean Lake in Forest
Man in Mountains Sky Sunrise
Child in Mountains Flowers sunshine - Fullscreen Lightbox Butterflies - Fullscreen Lightbox

HTML5 Videos

Big Buck Bunny
Elephants Dream
Sintel

YouTube Videos

Heroes Tonight
Sky High
Why we Lose

Custom sources

Vimeo
Google Maps
Text Fullscreen Lightbox
The basic version is available under the MIT license. The pro version's User License Agreement is available on the licenses page.

Pro

Size: 49.4K
Thumbnails
Zooming
More toolbar buttons
Captions
Custom animations

$19.90 or $39.90

Depending on a license.
VAT may be added.
Look over the Fullscreen Lightbox open source plug-ins.