Gallery

Image gallery grid with lightbox zoom

Gallery

Gallery displays multiple images in a responsive grid with click-to-zoom lightbox functionality.

Basic Usage

Syntax:

:::gallery
![Alt text 1](image1.jpg)
![Alt text 2](image2.jpg)
![Alt text 3](image3.jpg)
:::
Markdown

With Title

Click any image to open it in a lightbox overlay. Use arrow keys or click the navigation buttons to move between images. Press Escape or click outside to close.

Best Practices

  • Use consistent image dimensions for a clean grid
  • Include descriptive alt text on every image
  • 3--6 images per gallery works best visually
  • Store gallery images in the assets/ directory of your course