Add hyperlink to onMouseOver command

[ojah]

I want to be able to convert the image to a hyperlink in the below code so the image can be moused over then clicked to link to another page on my site:


<td onMouseOver="document.getElementById('hide1').style.display='none';document.getElementById('show1').style.display='inline';" onMouseOut="document.getElementById('show1').style.display='none';document.getElementById('hide1').style.display='inline';">
<img src="images/smiths1_04.gif" width="117" height="50" alt="" id="hide1"><img src="images/smiths_04.gif" id="show1" style="display:none" /></td>

Thanks in advance.

[davelf]

<a href="#" onMouseOver="document.getElementById('hide1').style.display='none';document.getElementById('show1').style.display='inline';" onMouseOut="document.getElementById('show1').style.display='none';document.getElementById('hide1').style.display='inline';">
<img src="images/smiths1_04.gif" width="117" height="50" alt="" id="hide1"><img src="images/smiths_04.gif" id="show1" style="display:none" /></a>


you can change your code like i write up there, change the symbol # with your link, and that it your mouseOver command combine with the hyperlink.