Cambiar la imagen al pasar el cursor

 

Este es un efecto espectacular que provoca que cambie la imagen al pasar el cursor por encima.

La precaución que debes de tener para que el efecto quede bien es que las dos imágenes tengan exactamente el mismo tamaño de ancho y alto.

 

Ejemplo (pasa el cursor por la imagen):

 

 

 

Para conseguir este efecto, copia y pega el siguiente código en una entrada en edición HTML o en un elemento HTML/Javascript.

 

<img onmouseover="this.src='URL DE LA IMAGEN 2';" onmouseout="this.src='URL DE LA IMAGEN 1';" align="left" src="URL DE LA IMAGEN 1" />

 

 

Sustituye URL DE LA IMAGEN 1 por la imagen que quieres antes de pasar el cursor por encima, y URL DE LA IMAGEN 2 por la que quieres que aparezca al pasar el cursor.

Para el ejemplo, estas son las dos imágenes:

(Imagen 1)       (Imagen 2)

 

Esto es todo, espero que te sirva.