ImageLightbox Component

A feature-rich lightbox component for Bootstrap 5.3 with gallery support and zoom functionality

Single Image Lightbox

Single Image Demo

Gallery Lightbox

Gallery Image 1
Gallery Image 2
Gallery Image 3
Gallery Image 4
Gallery Image 5
Gallery Image 6

Mixed Content (Separate Lightboxes)

Standalone Image
Another Standalone

Controls & Features

Navigation
  • • Arrow Keys: Navigate gallery images
  • • Mouse Wheel: Zoom in/out
  • • Swipe: Navigate on mobile
  • • Click Arrows: Navigate gallery
  • • Drag: Pan zoomed image
Close Options
  • • ESC Key: Close lightbox
  • • Click Outside: Close lightbox
  • • Close Button (×): Click to close
  • • Double Tap: Reset zoom level