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