LightBox

A Links target graphic can appear over top the current page onclick, and have a caption. More then one image can be groups navigation forward and back is presented on mouseover. The optional caption appears as a tooltip if the mouse hovers over the link.

Example: /playground/Lightbox

To get you started, choose the LightBox placeholder and review the plant example.

Edit the thumbnail properties to resize it and set alternate text.

If your not starting with the example from the placeholder, begin by adding a thumbnail image to your page.

Make the thumbnail image a hyperlink by clicking the Hyperlink icon in the XStandard editor and set the hyperlink properties Relationship to a value of lightbox. IF you want images to appear as a group, set the value to lightbox[groupname] where groupname is the same for all the images on the page you want in the group.

Set the Description value (optional) to what you want in the caption of the image if viewed.

When the thumbnail images are clicked, the destination graphic is presented with the Description.

If a thumbnail is chosen that is a member of a group, onmouseover of the image shows Previous and Next options.

Keyboard commands:
N - next image
P - previous image
X - close lightbox image