Cambiar imagen al pasar ratón

Ejemplos:


Éste código sirve para cambiar una imagen al pasar el cursor por encima. El código es este:

<img src="URL Imagen Estado 1" onmouseover="this.src='URL Imagen Estado 2';" onmouseout="this.src='URL Imagen Estado 3';" />

- Estado 1:
En este estado pondremos el URL de la imagen que queramos que se vea a simple vista.

- Estado 2:
Aquí irá la imagen que aparecerá cuando pasemos el ratón por encima.

- Estado 3:
En el tercer estado pondremos el URL de la imagen que queda después de quitar el ratón de encima (normalmente será la misma que la primera).

Espero que os sirva, ¡un saludo!