Tras de mucho buscar como cambiar una imagen de link por otra al pasar el mouse en código html encontre en una pagina que me ayudo bastante sin necesidad de recurrir a javascript
:
el ejemplo es así:
<a href="www.google.com.co" target="_top">
<img src="1.png"; onmouseover="this.src='2.png';" onmouseout="this.src='1.png';" height="300px" with="300px" />
</a>
mucha suerte....