How to hyperlink target image in Set Image gallery?

flipper · 12-19-2007, 03:34 AM

I am using GoLive.

I have a series of thumbnail images that enlarge on the same page on rollover. How do I give each enlarged image its own hyperlink?

In the head is:

CSAct[/*CMP*/ 'c38dc8ed62'] = new Array(CSSetImageURL,/*CMP*/ 'credit',/*URL*/ '../../pagelements/dfphoto.jpg');

So then in the body "dfphoto.jpg" is linked to http://derekfowlesphotography.com:

td class="dsR136 dsR175"><a href="http://derekfowlesphotography.com" target="_blank"><img src="../../pagelements/dfphoto.jpg" alt="" name="credit" width="13" height="139" border="0" /></a></td>

That works, but then how do I assign different links to the other images when they are opened in the "credit" spot?

I have a feeling this is a common question, and have tried searches, but probably not using the right terms...

Actinia · 12-19-2007, 12:10 PM

You can have a container div (with id="credit", say) containing several divs each of which is hidden by default (display="none").

You then have a series of thumbnails each of which has an onclick that sets one of these target divs display property to "block".

Each of your divs would have a format such as:

Code:

<div class="switch" id="div1">
<a href="url1"><img src="image1.jpg" width = ... /></a>
</div

The style for class switch would be:

Code:

.switch { display: none;}

Each thumbnail would have the form:

Code:

<a href="#" onclick="showItem("div1");" ><img src="Thumb1.jpg" /></a>

The code for showItem would be:

Code:

function showItem() {
document.getElementByID.style.display="block";
return false;
}

You would also need some code to hide the display of any previous div, but that will depend on the context.

This code has not been tested.

John Rostron

flipper · 12-19-2007, 02:39 PM

Looks like you have dealt with this question before! I will try this out as soon as I can and will let you know how it goes. Thank you very much for taking the time to write such a thorough reply.