Fullscreen Lightbox Javascript Fullscreen Lightbox ,React Fullscreen Lightbox Vue

Vanilla JS Lightbox Documentation

Official Fullscreen Lightbox guide!

Types

You can manually set source type using data-type attribute. It disables automatic type detection so if you are facing CORS issue it will fix that. Types names are:

Programmatically

Props

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

fsLightbox.props.type = 'image';
fsLightbox.props.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!