- To create an interactive gallery with the use of LightBox
- Download the zip file
- Open up the zip file of the working example that is included in the
You can grab both these files from the lightbox folder.
- Confirm that the four images loaded by
lightbox.css are in the correct location.
You can grab the images from the
Initialize with HTML
data-lightbox attribute to any image link to enable Lightbox.
data-title attribute to show a Story description for the image (caption).
REFER to this EXAMPLE for the code
If you have a group of related images that you would like to combine into a set, use the same
data-lightbox attribute value for all of the images. For example:
This is what the
<head> tag looks like after: