Golive basics - the text-swap action, changing an image too.

We can combine the Text Swap action with the Set Image Url action to change the picture as well.

Hover over the link to see the text change, click to change the photo.

Caution: - remember the warning about single quotes or apostrophes in the text, I got caught by that one. If you use them, in Golive 6 at least, you need to 'escape' them to hide them from the javascript of the actions, by putting a backslash before each one. Like this: don\'t.

Before	After
A weedy, scruffy bit of my garden

The image:

Place an initial image, and give it a name in the 'More' tab of the inspector. Do not check 'is form'. Mine is called frontbed. No spaces or fancy characters.

Now do the Text Swap action as before - mine is still on Mouse Over.

Make the links # - we aren't sending people anywhere now.

For each link, add an action On Mouse Click. Look under 'Image' in the list of actions for Set Image Url.

Make sure you choose the name you gave the image, from the drop-down, and point and shoot to the relevant image. My first link goes to before.jpg and the action for the 'after' link calls the 'after' image.

I haven't yet tried making both actions work On Mouse Click - maybe you'd like to try it and let me know?

Page 1 | Page 3 (change text and image on mouse click)

The text swap action