mouse over link ??

[Calisonder]

can someone give me the javascript for this:

i want to mouse over a link, and have an image next to the link change, and then go back to the origional image when the person removes theire cursor from over my link.




thanks in advance

[damien_ls]

Why do you want to do it in javascript? It's possible to do via CSS, and I much prefer that way (but mainly because I hate JS )

I haven't tried it, but I think this will do it: http://www.htmlcenter.com/tutorials/...79/Javascript/

[RebateProfits]

What I would do will be something basic along the line...

Before </head> or in your external .js file.

<script type="text/javascript">

function hoverChange(imgID)
{
     document.getElementById(imgID).src = 'images/img_change.gif';
}


function hoverOut(imgID)
{
     document.getElementById(imgID).src = 'images/img_default.gif';
}
</script>
</head>

Then on the anchor tag..

onmouseover="hoverChange('myImage');" onmouseout="hoverOut('myImage');" border=0

Assuming the id of the image is myImage.

Or something like that. Anyhow you can always define class and change the class on the onmouse events.

Hope it helps

[Calisonder]

thank you both

[Calisonder]

what if i have five links and a picture under each one, what would the code look like then??

[Calisonder]

ok nevermind i got it worked out