Lightbox
Sizes
Thumbnav
Dotnav
Template
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, String | false | Lightbox videos autoplay. A value of `inline` will autoplay the video, muted and without controls. |
counter |
Boolean | false | Show counter. |
nav |
Boolean, String | false | The nav to use. (dotnav, thumbnav) |
slidenav |
Boolean | true | Show slidenav. |
delay-controls |
Number | 3000 | Delay time before controls fade out in ms. Setting `0` will prevent hiding controls. |
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, String | false | Lightbox videos autoplay. A value of `inline` will autoplay the video, muted and without controls. |
counter |
Boolean | false | Show counter. |
nav |
Boolean, String | false | The nav to use. (dotnav, thumbnav) |
slidenav |
Boolean | true | Show slidenav. |
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. Setting `0` will prevent hiding controls. |
i18n |
Object | null | Override default translation texts. |
i18n
| Key | Default | Description |
|---|---|---|
counter |
%s / %s | Counter indicator for current slide. |
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. |