All entries for Friday 23 May 2014

Adding an image lightbox to sitebuilder from text

If you insert a photo into sitebuilder as a thumbnail, it neatly makes the image clickable to see a larger size of the image without having to use the HTML editor. I've recently seen a number of requests to be able to produce the same functionality from a text link, rather than an image.

Caveat: With a clickable thumbnail, you are giving the visitor a clear visual cue that when they click, they'll see something related to that image. With text, this is not the case, so try to use this in a context where the visitor is expecting this kind of behavior. References to images in text seems like an appropriate use of this, and is where the requests I've encountered have originated.

Instructions

1. Create a link to the image on a text snippet like [6] using the links picker to navigate to photo gallery and choosing the right photo.
2. With the newly created link still selected, click ‘link options’ >> ‘edit link’ and under the advanced tab find "Relationship Page to Target” drop down box. Set this to ‘lightbox’ and the image will convert your link to a lightbox link (by inserting a 'rel' attribute to your link code in your page's html).

Steve Ranford : 23 May 2014 11:55 |  Tags: How-To Linking SiteBuilder |  Comments (1) |  Close comments |  Report a problem