Lightbox Animation Effects

Robo Gallery lightbox includes built-in animation effects that control how images appear and transition inside the lightbox.

These effects improve user experience and make gallery interactions feel smooth and modern.


Where to Configure Lightbox Animations

Lightbox animation settings are available in:

Gallery → Lightbox Options

Classic Lightbox settings

Depending on the lightbox engine selected, you can configure:

  • Opening animation effect
  • Transition animation between images
  • Animation speed
  • Fade or slide behavior

Animations apply to:

  • Image open
  • Image close
  • Next / previous transitions

In Fusion Grid, animation settings are located under:

Gallery Settings → Lightbox tab

Fusion lightbox settings

Fusion lightbox provides:

  • Smooth fade transitions
  • Zoom-in opening effect
  • Optional autoplay animation
  • Touch-friendly swipe transitions
  • Fullscreen animated behavior

Available Animation Types

Depending on configuration, animations may include:

  • Fade
  • Slide
  • Zoom
  • Scale
  • Smooth crossfade
  • No animation (instant)

You can choose the style that best fits your website design.


Best Practices for Lightbox Animations

Use subtle animations for professional websites

Fade and smooth zoom effects work best for portfolios and business sites.

Avoid heavy animations on large galleries

Too much motion may distract users.

Consider mobile users

Touch swipe transitions are optimized automatically in Fusion version.


Performance Notes

Lightbox animations are optimized and lightweight. They do not significantly impact performance when:

  • Lazy Load is enabled
  • Image sizes are optimized
  • Thumbnails are properly configured

Summary

Lightbox animations help:

  • Improve visual experience
  • Make transitions feel modern
  • Enhance interaction without affecting performance

Both Classic (v3) and Fusion (v5) support animation effects, with Fusion providing smoother and more advanced transitions.