Este código sirve pa que cuando pasemos el cursor encima de una imágen esta 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 =D
 
Las imágenes podrán ser cualquier formato jpg, gif, png que hayan subido previamente.

La imagen1 es la imágen que se visualizará por defecto.



La imágen2 es la imágen que se visualizará cuando pasen el puntero del mouse por encima.

Resultado

• Nota: Si usan blogger, en la vista previa es posible que no se vea el efecto, pero cuando se publica ya funciona.
• Otra Nota:  El cambio de imágenes se dará mas rapido si usan imágenes subidas por medio de blogger