Lightbox

Animations

900x600
700x500
1800x1200
1000x2000
2000x500

Content Sources

Image
Video
YouTube
Vimeo
Iframe

Dynamic lightbox

JavaScript Options

Lightbox

Option Value Default Description
animation String slide The animation to use. (fade, slide, scale)
autoplay Boolean 0 Starts autoplaying the lightbox.
autoplay-interval Number 0 The delay between switching slides in autoplay mode.
pause-on-hover Boolean 0 Pause autoplay mode on hover.
video-autoplay Boolean false Lets videos autoplay.
toggle CSS selector a Toggle selector - triggers the lightbox.

Lightbox Panel

Option Value Default Description
animation String slide The animation to use. (slide, fade, scale)
autoplay Boolean false Starts autoplaying the lightbox.
autoplay-interval Number 7000 The delay between switching slides in autoplay mode.
video-autoplay Boolean false Lightbox videos autoplay.
velocity Number 2 The animation velocity (pixel/ms).
index Number 0 The initial item to show. (zero based)
preload Number 1 The number of items to preload. (left and right of the currently active item)
items Array [] An array of items to display. ([{source: 'images/size1.jpg', caption: '900x600'}])
template String The template string.
delay-controls Number 3000 Delay time before controls fade out in ms.
i18n Object null Override default translation texts.

i18n

Key Default Description
next Next Slide aria-label for next slide button.
previous Previous Slide aria-label for previous slide button.
slideLabel %s of %s aria-label for slide.
close Close aria-label for close button.