The lightbox component is fully responsive and supports touch and swipe navigation, as well as mouse drag for desktops. When swiping between slides the animation literally sticks at your fingertip or mouse cursor. Clicking fast on the previous and next navigation, will make animations even accelerate to keep up with your pace. All animations are hardware accelerated for a smoother performance
To apply this component, add the
uk-lightbox attribute to a container to turn all
anchors inside that container into lightbox links.
To display a caption at the bottom of the lightbox, set the
on an anchor.
A lightbox is not restricted to images. Other media, like videos, can be displayed as well. The video will pause whenever it's not visible and resume once it becomes visible again. To display a poster image for a video, set the data-poster attribute.
youtube-nocookie.com within the YouTube link and the lightbox will use the domain to embed the YouTube video.
By default, the Lightbox gallery uses a slide animation. You
can set the
animation option to use a different one. Possible values are
© 2019 Sasuke. All Rights Reserved.