Disjointed rollovers images with text

[manj]

I have a series of text hyperlinks which all have an associated image. Upon rolling over the text links I wish the associated image to appear. All images will appear in the same area.

Can anybody help?
Cheers [sig][/sig]

 

[fatbloke]

Try the following link:-

http://htmlgoodies.earthweb.com/beyond/dualflip.html

This does what you want, but uses images for the links instead of text (these images also 'flip' onMouseOver but you can remove that).

Enjoy! [sig][/sig]

 

[Guest_imported]

Display a dummy image on the page. Then use the mouseover event of the hyperlink to dynamically change that image to any other image. Here's a sample:
<img name=&quot;I1&quot; src=&quot;dummy.jpg&quot;>
<a href=&quot;anypage.html&quot; onMouseOver=&quot;changeimage()&quot; onMouseOut=&quot;restoreimage()&quot;>
in scripts:
function changeimage()
{
a=new Image();
a.src=&quot;newimage.jpg&quot;;
I1.src=a.src;
}
You can write the restoreimage() yourself.
You'll have to write a different changeimage() for each hyperlink or you can write one func and pass the name of the image file as argument.
Good luck,
Ciao.