Fullscreen Lightbox Javascript Fullscreen Lightbox React Fullscreen Lightbox Vue

Vue Lightbox Documentation

Official Vue fslightbox guide!

Types

If you are facing CORS error which blocks automatic content detection you can declare types manually passing strings to special props. Types names are:

Props

types - array with strings which declares types of specific sources
type - string which declares type for all sources

<FsLightbox
:toggler="toggler"
:sources="['first-source', 'second-source', 'third-source']"
type="image"
:types="[null, null, 'video']"
/>

In above example we've set image type globally, but overwritten it with video for the third source. So finally types are: image, image, video

Get connected wth us on social networks!