lunes, 27 de febrero de 2017

Efecto cambiar imagen por otra al pasar el mouse en Blogger - 1 PASO

Bienvenidos a un nuevo post, hace poco me topé con un artículo clásico del blog Ciudad Blogger, dicho artículo lleva sus años y bueno básicamente es un efecto en una imagen que al pasar el mouse cambiará por otra y al salir de la imagen volverá a la primera, sin más veamos un ejemplo: 


Para lograrlo sólo basta con agregar y copiar el siguiente código en el HTML de tus entradas:
<img src="link imagen UNO" onmouseover="this.src='link imagen DOS';" onmouseout="this.src='link imagen UNO';"/>
Por último paso queda cambiar lo que está en azul que son los links o URL de las imágenes UNO y DOS. Aconsejo que la dos imágenes tengan un tamaño igual dado el caso si sabes manejar Photoshop las puedes ajustar a un mismo tamaño.

No siendo más en ete truco tan bueno y sencillo, nos vemos en un próximo post.

Hasta la próxima BloggeRs,

2 comentarios:

  1. Hola, me agrada mucho este efecto, de casualidad conoces el código para un efecto que hace que las imágenes cambien de color al pasar el cursor por encima. Muchas gracias, muy útil el contenido de tu web

    ResponderEliminar
    Respuestas
    1. Hola Lady,

      No comprendo muy bien lo del cambio de color. tienes algún link de ejemplo para verificarlo y reversar el código del efecto a ver si es útil lo publico en el blog.

      Saludos,

      Eliminar

SÍGUENOS EN: