Lightbox

Lightbox

Core runtime-created modal image viewer surfaces.

Kind

Core System

Root

qp-lightbox

Runtime-created modal image viewer.

Children

qp-lightbox__caption

Caption for the active image; hidden when absent.

qp-lightbox__caption-credit

Active image caption credit.

qp-lightbox__caption-subtitle

Active image caption subtitle.

qp-lightbox__caption-title

Active image caption title.

qp-lightbox__close

Control that closes the Lightbox.

qp-lightbox__dialog

Modal dialog containing the active Lightbox image and controls.

qp-lightbox__figure

Active image and its optional structured caption.

qp-lightbox__image

Active image displayed by the Lightbox.

qp-lightbox__next

Control that displays the next Gallery image.

qp-lightbox__previous

Control that displays the previous Gallery image.

qp-lightbox__status

Announces the active image position within a Gallery.

qp-lightbox__thumbnail

Thumbnail control for a Gallery image.

qp-lightbox__thumbnail-image

Preview image within a Lightbox thumbnail control.

qp-lightbox__thumbnails

Ordered thumbnail navigation for a Gallery Lightbox.

Runtime

qp-lightbox-open

Applied dynamically to the document root while the Lightbox dialog is open.
  • Kind: runtime
  • Trigger: A Lightbox opens.
  • Target: html
  • Lifecycle: Added when the Lightbox opens and removed when it closes.
  • Purpose: Enables document-level Lightbox presentation and scroll locking.