Cambiar una imagen por otra al pasar el mouse por encima
Anteriormente vimos cómo cambiar una imagen por otra al pasar el mouse utilizando un script. Pero para quienes al igual que yo les gustan las cosas sin tantas complicaciones, veremos una forma simplificada de tener el mismo efecto, sin scripts, usando un sólo código.
Este es un ejemplo, pasa el cursor sobre la imagen para que cambie
Sólo basta que pongas este código en una entrada o un elemento HTML/Javascript:
Osea haz lo que te diga.
Ir a Blogger
Un clic en “Diseño”
Clic en “Añadir un gadget”
Busca el widget que dice “HTML/Javascript” y ábrelo
Coloca el siguiente codigo en el interior
<center><img src="URL de la imagen UNO" onmouseover="this.src='URL de la imagen DOS';" onmouseout="this.src='URL de la imagen UNO';"/></center>
Cambia lo que está en
Azul por la
URL de la imagen UNO es que se ve cuado entras, y lo que está en
Verde
por la URL de la imagen que cambiará al pasar el mouse. Trata que las
dos imágenes tengan el mismo tamaño para conseguir un mejor resultado.
Puedes usarlo para hacer algún menú o para mostrar fotos de "antes y después".
Fecha:24/12/2016
Publicado por:
Fuente: ciudadblogger
No hay comentarios:
Publicar un comentario