Full Showcase
Complete Feature Showcase
This page demonstrates all gd-lightbox capabilities working together. lightbox: true is set in the page YAML so all block images are automatically enhanced.
Auto Mode + Captions
All block-level images get lightbox treatment automatically. Captions and credits appear in the lightbox overlay:
Dark-Mode Variants in Auto Mode
These images swap automatically when the user toggles the theme:
Gallery + Dark Variants + Autoplay
A gallery where each image has a dark variant, auto-advancing every 4 seconds:
Gallery Stack (single cover)
A .lightbox-gallery collapses a set of images into one framed, stacked cover that takes a fixed amount of space. Click it to page through the whole gallery in the lightbox:
Annotated Gallery
A gallery where each image also has annotations. Click any image, then explore the markers:
Before/After Comparisons
Table Redesign
Responsive Image + Annotations
High-res source loaded in the lightbox, with annotations visible on the thumbnail:
Multiple Comparison Styles
Deep Link Test
Navigate to this page with #lightbox=gd-lb-1 appended to the URL to auto-open the hero section image.