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

Usage

To apply this component, add the uk-lightbox attribute to a container to turn all anchors inside that container into lightbox links.

PREVIEW
Open Lightbox

Caption

To display a caption at the bottom of the lightbox, set the data-caption attribute on an anchor.

PREVIEW
Open Lightbox

Content sources .

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.

PREVIEW
Image Video YouTube Vimeo Google Maps

Note Use youtube-nocookie.com within the YouTube link and the lightbox will use the domain to embed the YouTube video.

Animation.

By default, the Lightbox gallery uses a slide animation. You can set the animation option to use a different one. Possible values are slide , fade and scale .

Slide
Fade
Scale

© 2019 Sasuke. All Rights Reserved.