Changing the link on an image

[trinity0159]

I am trying to write a script that changes image 1 to image 2. I have figured this part out but now need to change the link that image 1 is pointing to say google.com and when image 2 is shown have the link change to yahoo.com

How do I do this?

[Vincent Puglia]

Hi,

One solution: do it with divs:

<div id="imgDiv" style="position:absolute;visibility:visible">
<a href="members.aol.com/grassblad"><img src="<A href='http://members.aol.com/grassblad/images/grassblade.gif">http://members.aol.com/grassblad/images/grassblade.gif"></a>
</div>
<script language="javascript">
alert(document.links[0])
if (document.layers)
{
   document.layers['imgDiv'].open();
   document.layers['imgDiv'].write('<a href="<A href='http://www.javascriptcity.com">www.javascriptcity.com"><img src="someImg.gif"></a>')
   document.layers['imgDiv'].close();
   document.layers['imgDiv'].visibility = 'visible';
}
else if (document.all)
{
   document.all['imgDiv'].innerHTML ='<a href="<A href='http://www.javascriptcity.com">www.javascriptcity.com"><img src="someImg.gif"></a>'
document.all['imgDiv'].style.visibility = 'visible';
}
else
{
   document.getElementById('imgDiv').innerHTML ='<a href="<A href='http://www.javascriptcity.com">www.javascriptcity.com"><img src="someImg.gif"></a>';
document.getElementById('imgDiv').style.visibility = 'visible';
}
alert(document.links[0])
</script>

Vinny

[Markdidj]

I think you can change it just with

document.getElementById("ImgId" ).href=""newhref