golivebasics.com home page

Remote rollovers in Golive 6.

First, the name can be confusing - we aren't going anywhere near the 'rollover' section of the inspector. That's for making an image change as you 'roll over' it - what we are doing is a 'set image url' action, where you mouse over one image and a different one changes.

THE WORKING VERSION IS AT THE BOTTOM OF THE PAGE, THE ONE BELOW IS NOT BROKEN!

First make three images (you can use text instead of the first one, but it won't work in early browsers).
  1. The trigger image - mine is a gif that says 'Mouseover here to turn the the box blue'.
  2. The target image - the one that appears on the page before anything happens. Mine is red.gif.
  3. Another image, to appear when people mouse over the trigger image. Mine is blue.gif.

Place the trigger image on the page.

Place the target image on the page.
Select the target image, and in the more tab of the inspector give it a name. Mine is called barney.

You are not really naming the image, you are using it as a 'button', which needs a name before you can refer to it in actions.

NB - don't use the name 'target', that's a special word that might be used in a script elsewhere, which can cause confusion.

Don't check 'is form'.

Now select your trigger image (mine is the text image). Make it a link with the chain icon and make that link # - the null link.
Now you need to add an action to that trigger image. Select the trigger image, go to the actions palette. click 'Mouse enter' on the left and add a mouse enter action via the Action drop-down, like this:

(Your list of actions won't be the same as mine, but find your way to Image, then Set Image URL.)

Where it says 'image' in the Actions Palette, select 'barney' from the dropdown (that's why you had to name it). On the right you can see it selected.

Point and shoot to the alternative image. (blue.gif.)

Now mousing over the trigger image will change the target image.

Preview in a browser to check this is happening. If not, retrace your steps.

Add another action to your trigger image for mouse exit to make the image change back. This time you select 'barney' again if necessary, then point and shoot to the original target image in your site window. Here I've pointed to red.gif.

Try it out:

If you want to also send your visitor somewhere when they click the trigger image, instead of just changing an image, add another action to Mouse Click and use the Go To Link action (under 'Link' in the actions list) and point and shoot to the page you want to send them to.
Go to the next page to attach a remote rollover to a text link, and add a link to another page.

golivebasics.com home page