picture changes when cursor goes over it

[Nile]

Here you go:

<script type="text/javascript">
function goTo(url){
window.location.href = url;
}
</script>
<style type="text/css">
.link {
color: blue;
cursor: pointer;
text-decoration: underline;
border-style: dotted;
border-color: darkred;
border-width: 0px;
}
</style>
<span class="link" onclick="goTo('http://google.com');" onmousedown="this.style.borderWidth='1px';" onmouseup="this.style.borderWidth='0px';" onmouseout="this.onmouseup()"><img src="http://www.dynamicdrive.com/forums/designfiles/logo.gif"></span>

[amyy]

Many thanks to Nile for your kind response.

Would appreciate if you could advise on how to modify the code that you furnished earlier so that a new window would be opened when I click on the image?

The code I used earlier was

<A HREF="http://google.com" target=_blank><img src="1.jpg" ></A>