Este código sirve para que cuando pasemos el cursor encima de una imagen, ésta se cambie por otra:
<img
src="imagen1"
onmouseover="this.src='imagen2'"
onmouseout="this.src='imagen1'"
/>
Les voy a demostrar el funcionamiento del código con un camaleón.
Las imágenes podrán ser cualquier formato jpg, gif, png que hayan subido previamente.
La imagen1 es la imagen que se visualizará por defecto.
La imagen2 es la imagen que se visualizará cuando pasen el puntero del mouse por encima.
Resultado
Nota: Se hace la demostración con un gif pues el servidor actual no soporta JavaScript
Tekku 