Lightbox

Create a responsive lightbox gallery with images and videos.

Add you content to the Lightbox stack, then add a trigger that can be a button or image.

Animations

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

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. The example below uses a Button Group stack:
  • Drop a Button Group stack into the Lightbox stack.
  • In Button integration settings choose Lightbox.
  • Choose the media type according to the content.
  • Set the button to link and link it to the media source.