Para eso se pueden utilizar los eventos 'onmouseOver' y 'onmouseOut' colocandolos en la etiqueta <a>, además se necesita otra imagen y al entrar el cursor de ratón al enlace, que contiene la imagen, esta cambia por la imagen que deseamos y al salir vuelve a la imagen original. El código es asi:
Código HTML:
Ver original<a href="http://www.twitter.com/oblopAST" onmouseOver="document.getElementById('twLogo').src='images/twiter_logo_02.png'" onmouseOut="document.getElementById('twLogo').src='images/twiter_logo.png'"> <img src="images/twiter_logo.png" id="twLogo" alt="Seguir a oblopAST en Twitter" width="178"/></a>
Es necesario agregar el atributo 'id' a la etiqueta <img> para poder acceder a ella con el metodo document.getElementById()