Arx Lightbox

A responsive jQuery lightbox for images — gallery grouping, keyboard & touch navigation, captions. Lightweight and self-contained.

jQuery Touch & Drag Gallery Keyboard
Quick Start
One line to enable
$('[data-lightbox]').lightbox();
With grouping
<a href="photo.jpg" data-lightbox="gallery">
    <img src="thumb.jpg" alt="Photo">
</a>
Features
  • Gallery grouping — Images with the same data-lightbox value are linked with arrow navigation and a counter.
  • Keyboard navigation — Arrow keys, Escape, and Tab focus trapping.
  • Touch & mouse drag — Swipe or click-drag to navigate.
  • Captions — Pulled from data-lightbox-caption, title, or alt.
  • Responsive — Adapts image size to viewport on any screen.
  • Preloading — Adjacent images load in the background for instant transitions.
  • Error state — Graceful fallback when an image fails to load.
  • Programmatic API — Full control via ArxLightbox methods.
Examples

See the lightbox in action — gallery grids, inline links, standalone images, and programmatic control.
Documentation

Full API reference — options, methods, keyboard shortcuts, touch support, styling, and download.