Using Lightbox Photo Gallery

Lightbox is a neat way to display photos on a web page. Click on the thumbnails below to view the larger images and see Lightbox in action.

Making Lightbox Work

Simply insert your smaller thumbnail image and then hyperlink it to the larger image.

Then, on the hyperlink pop-up window, click on the advanced tab.

The Relationship page to target field has several different options.

• Lightbox - will open photos individually
• Lightbox Group 1 - Places the photos together in group 1
• Lightbox Group 2 - Places the photos together in group 2
• Lightbox Group 3 - Places the photos together in group 3

Grouping images together will reveal next and prev buttons, allowing your viewers to browse the group like a slide-show. (Open the images in the example above and hover your mouse around the top left and right sections of the opened images to see this in action.)

The groups are managed on a 'per web page' basis, so you can have as many group 1's as you like provided they are on separate pages. If you require more than one gallery within the same page you must specify another group. Three groups are available as standard but we can add more if required, please just ask.

Top Tip: Keep your larger image to a reasonable size, not only will it keep loading times quick but overly large images could 'fall off' the edges of some smaller computer screens. We would suggest maximum dimensions of around 500 x 400 pixels but feel free to experiment.