Fullscreen Lightbox Javascript Fullscreen Lightbox ,React Fullscreen Lightbox Vue

Vue Lightbox Documentation

Learn how to use the Vue version of Fullscreen Lightbox.

Events

The events you can listen to:

PropWhen is it fired?
onOpenOn every open of the lightbox.
onCloseOn every close of the lightbox.
onInitOn the initial open of the lightbox.
onShowOn every open of the lightbox excluding the initial open.
onSlideChange Pro On every slide change of the lightbox.

To listen to an event, set a desired function to the appropriate prop. The lightbox's instance will be passed as an argument.

<template>
<div>
<FsLightbox
:onSlideChange="action"
/>
</div>
</template>

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

export default {
components: { FsLightbox },
methods: {
action (instance) {
console.log(instance);
}
}
};
</script>
Look over the Fullscreen Lightbox open source plug-ins.