⌘K

The Lightbox Experience

Last updated

The Lightbox overlay can be heavily customized under the Global Defaults tab:

  • Transitions: Choose the animation style when opening/navigating images (Instant Swap, Smooth Opacity Fade, Hardware Accelerated Wipe, Directional Slide, Pop & Zoom, or 3D Axis Flip).
  • Overlay & Media Style: Customize the Overlay Matte Color, Media Border Color, Width, and Radius.
  • Controls & Slideshow: Enable automatic slideshows, set rotation speed, and style the control buttons (Background, Color, Radius).
  • Information Bar: Toggle the display of the thumbnail Filmstrip, Image Titles, Captions, Advanced EXIF Data (aperture, shutter speed, ISO, focal length), and Social Sharing links.
  • Video Playback: Enable Autoplay Lightbox Videos to automatically play supported video items when they are opened in the Lightbox.

Available Transitions

ValueLabelEffect
noneInstant SwapNo animation β€” image swaps immediately
fadeSmooth Opacity FadeCurrent image fades to 0 opacity, new image fades in
blurGaussian Blur DissolveBlurs and scales out, then sharpens and scales back in β€” rack focus feel
wipeHardware Accelerated Clip Wipeclip-path reveals the new image leftβ†’right
curtainStage Curtainclip-path reveals from center outward in both directions simultaneously
swipeVertical SwipeDirection-aware clip-path reveal from top (next) or bottom (prev)
slideDirectional SlideNew image slides in from right (next) or left (prev) via translateX
zoomPop & ZoomNew image scales up from 80% with a slight overshoot easing
bounceElastic BounceScales up from 60% with a strong spring overshoot (cubic-bezier(0.34, 1.56, 0.64, 1))
flip3D Axis FlipRotates in on the Y axis (rotateY) β€” requires perspective: 1200px on the stage
spinQuarter SpindRotates 90Β° in/out with a scale, direction-aware (clockwise or counter-clockwise)

Still stuck? How can we help? Get Help