Fullscreen Lightbox Javascript Fullscreen Lightbox React Fullscreen Lightbox Vue

Vue Lightbox Documentation

Official Vue fslightbox guide!

Events

There are few events that you can listen for:

Prop When fired?
onOpen Every time instance is opened (both show and initialize).
onClose Every time instance is closed.
onInit When instance is opened for the first time.
onShow When opening instance after initial open.
onSlideChange Pro Called on slide change.

Just pass a callback function to specific prop. Example:

<template>
<FsLightbox
:toggler="toggler"
:sources="[some sources]"
:onSlideChange="action"
/>
</template>

<script>
import FsLightbox from "fslightbox-vue";

export default {
components: { FsLightbox },
data() {
return {
toggler: false,
}
},
methods: {
action(instance) {
console.log(instance);
}
}
};
</script>
Get connected wth us on social networks!