Mil Trucos Blogger

Cambiar imagen por otra al pasar el cursor

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

10 Comentarios

  1. Diciembre 9, 2012    

    Hola este truco lo utilizare en próximos artículos en mi blog lo cree ayer http://conocimientocasero.blogspot.com.es/ trata sobre la historia de la informática también enseñare algún programa free y noticias.

    Gracias por estos post pásate por mi blog y lo ves y me dices si te gusta y nos podemos enlazar los blogs.

    • Diciembre 10, 2012    

      Utilizalo amigo, te gustara.. es un excelente truco, Saludos 😛

  2. Diciembre 10, 2012    

    Gracias muy buen aporte

  3. Marzo 16, 2014    

    Gracias por compartir! Funciona perfecto y muy sencillo.

  4. Marzo 16, 2014    

    Muchas gracias! Lo he utilizado en una entrada de mi blog y ha sido sencillo y me ha ayudado mucho.

  5. Mayo 13, 2014    

    gracias

  6. Noviembre 28, 2014    

    Oye mil gracias! justo lo que estaba buscando. Funciona muy bien.

  7. Anonymous Anonymous
    Enero 14, 2015    

    IMPECABLE!, muy útil 🙂

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo