Cambiar imagen por otra al pasar el cursor

Ya he publicado un par de efectos para las imagenes pero ninguno como el de hoy, ya que con el truco de hoy solo basta con pasar el cursor por encima de la imagen para que aparezca otra.

Lo mejor de este truco es que se logra sin scripts, solo haciendo uso de un pequeño codigo.

Para usar este truco solo tienes que pegar en la Edición HTML de una entrada  o pagina, el siguiente codigo:

<img src="URL de la imagen UNO" onmouseover="this.src='URL de la imagen DOS';" onmouseout="this.src='URL de la imagen UNO';"/>

Reemplaza lo esta en color azul por la URL de la imagen inicial, y lo que esta en color naranja por la URL de la imagen que cambiará al pasar el mouse.

Como vez es un truco muy facil de añadir y con un poco de imaginación le puedes dar multiples usos.

0
Shares

10 thoughts on “Cambiar imagen por otra al pasar el cursor

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *