Lightbox
Essentials
- Get the lightbox distribution.
- Link to the lightbox css file.
- Link the lightbox js file, just before the end body tag.
- Encapsulate images - or text linking to them - in anchor tags linking to the image files.
- Add the
data-lightbox attribute to the image link to enable Lightbox.
- For 'solo' images, use a unique name for the data-lightbox attribute for each image.
- For set of images, use the same name for the data-lightbox images on each image belonging to the
set.
- Optionally add a
data-title attribute if you want to show a caption.
- Optionally add a
data-alt attribute if you want to set the alt attribute of the linked image.
- Optionally set options to use additional
features or modify default behaviours.
Sample Gallery