{"id":194,"date":"2026-06-27T21:10:43","date_gmt":"2026-06-27T21:10:43","guid":{"rendered":"https:\/\/awesomediscoveryzone.com\/auragallery\/docs\/aura-gallery\/advanced-features-troubleshooting\/the-lightbox-experience\/"},"modified":"2026-07-02T03:21:19","modified_gmt":"2026-07-02T03:21:19","slug":"the-lightbox-experience","status":"publish","type":"docs","link":"https:\/\/awesomediscoveryzone.com\/squareorb\/docs\/square-orb\/advanced-features-troubleshooting\/the-lightbox-experience\/","title":{"rendered":"The Lightbox Experience"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The Lightbox overlay can be heavily customized under the Global Defaults tab:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Transitions:<\/strong> Choose the animation style when opening\/navigating images (Instant Swap, Smooth Opacity Fade, Hardware Accelerated Wipe, Directional Slide, Pop &amp; Zoom, or 3D Axis Flip).<\/li>\n\n\n\n<li><strong>Overlay &amp; Media Style:<\/strong> Customize the Overlay Matte Color, Media Border Color, Width, and Radius.<\/li>\n\n\n\n<li><strong>Controls &amp; Slideshow:<\/strong> Enable automatic slideshows, set rotation speed, and style the control buttons (Background, Color, Radius).<\/li>\n\n\n\n<li><strong>Information Bar:<\/strong> Toggle the display of the thumbnail Filmstrip, Image Titles, Captions, Advanced EXIF Data (aperture, shutter speed, ISO, focal length), and Social Sharing links.<\/li>\n\n\n\n<li><strong>Video Playback:<\/strong> Enable <strong>Autoplay Lightbox Videos<\/strong> to automatically play supported video items when they are opened in the Lightbox.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Available Transitions<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Value<\/th><th>Label<\/th><th>Effect<\/th><\/tr><\/thead><tbody><tr><td><code>none<\/code><\/td><td>Instant Swap<\/td><td>No animation \u2014 image swaps immediately<\/td><\/tr><tr><td><code>fade<\/code><\/td><td>Smooth Opacity Fade<\/td><td>Current image fades to 0 opacity, new image fades in<\/td><\/tr><tr><td><code>blur<\/code><\/td><td>Gaussian Blur Dissolve<\/td><td>Blurs and scales out, then sharpens and scales back in \u2014 rack focus feel<\/td><\/tr><tr><td><code>wipe<\/code><\/td><td>Hardware Accelerated Clip Wipe<\/td><td><code>clip-path<\/code>&nbsp;reveals the new image left\u2192right<\/td><\/tr><tr><td><code>curtain<\/code><\/td><td>Stage Curtain<\/td><td><code>clip-path<\/code>&nbsp;reveals from center outward in both directions simultaneously<\/td><\/tr><tr><td><code>swipe<\/code><\/td><td>Vertical Swipe<\/td><td>Direction-aware&nbsp;<code>clip-path<\/code>&nbsp;reveal from top (next) or bottom (prev)<\/td><\/tr><tr><td><code>slide<\/code><\/td><td>Directional Slide<\/td><td>New image slides in from right (next) or left (prev) via&nbsp;<code>translateX<\/code><\/td><\/tr><tr><td><code>zoom<\/code><\/td><td>Pop &amp; Zoom<\/td><td>New image scales up from 80% with a slight overshoot easing<\/td><\/tr><tr><td><code>bounce<\/code><\/td><td>Elastic Bounce<\/td><td>Scales up from 60% with a strong spring overshoot (<code>cubic-bezier(0.34, 1.56, 0.64, 1)<\/code>)<\/td><\/tr><tr><td><code>flip<\/code><\/td><td>3D Axis Flip<\/td><td>Rotates in on the Y axis (<code>rotateY<\/code>) \u2014 requires&nbsp;<code>perspective: 1200px<\/code>&nbsp;on the stage<\/td><\/tr><tr><td><code>spin<\/code><\/td><td>Quarter Spin<\/td><td>dRotates 90\u00b0 in\/out with a scale, direction-aware (clockwise or counter-clockwise)<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":0,"parent":193,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_is_vendor_doc":"0","footnotes":""},"doc_tag":[],"class_list":["post-194","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/awesomediscoveryzone.com\/squareorb\/wp-json\/wp\/v2\/docs\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awesomediscoveryzone.com\/squareorb\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/awesomediscoveryzone.com\/squareorb\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/awesomediscoveryzone.com\/squareorb\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":2,"href":"https:\/\/awesomediscoveryzone.com\/squareorb\/wp-json\/wp\/v2\/docs\/194\/revisions"}],"predecessor-version":[{"id":340,"href":"https:\/\/awesomediscoveryzone.com\/squareorb\/wp-json\/wp\/v2\/docs\/194\/revisions\/340"}],"up":[{"embeddable":true,"href":"https:\/\/awesomediscoveryzone.com\/squareorb\/wp-json\/wp\/v2\/docs\/193"}],"next":[{"title":"Troubleshooting FAQ","link":"https:\/\/awesomediscoveryzone.com\/squareorb\/docs\/square-orb\/advanced-features-troubleshooting\/troubleshooting-faq\/","href":"https:\/\/awesomediscoveryzone.com\/squareorb\/wp-json\/wp\/v2\/docs\/200"}],"wp:attachment":[{"href":"https:\/\/awesomediscoveryzone.com\/squareorb\/wp-json\/wp\/v2\/media?parent=194"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/awesomediscoveryzone.com\/squareorb\/wp-json\/wp\/v2\/doc_tag?post=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}