Fullscreen Lightbox Javascript Fullscreen Lightbox ,React Fullscreen Lightbox Vue

Vue Lightbox Documentation

Learn how to use the Vue version of Fullscreen Lightbox.

Custom attributes

To add a custom attribute, such as "alt", to a source, use the "customAttributes" array prop:

<FsLightbox
:sources="["/Images/1.jpg", "/Images/2.jpg"]"
:customAttributes="[
{
alt: "A first example description."
},
{
alt: "A second example description."
}
]"
/>

Any attribute can be added:

<FsLightbox
:sources="["/Image.jpg"]"
:customAttributes="[
{
alt: "An example description.",
foo: "bar"
}
]"
/>

<!-- The rendered source -->
<img src="/Image.jpg" alt="An example description." foo="bar">
Look over the Fullscreen Lightbox open source plug-ins.