Lightbox Demo

This page demonstrates how to use lightbox functionality in your Jekyll posts.

Single Image Example

Click on the image below to see it in lightbox:

Usage Instructions

To use lightbox in your posts, use this markdown format:

[![Image Title](/path/to/thumbnail.jpg)](/path/to/full-image.jpg){:data-lightbox="gallery-name" data-title="Image Caption"}

Key Points:

1. Use thumbnails for better page load performance
2. Group related images using the same data-lightbox value
3. Add descriptive captions using data-title
4. Ensure your image paths are correct