lunes, 2 de abril de 2018

Cambiar imagen al pasar el ratón

Hoy os cuento como hacer un efecto visual que puede quedar muy bien en nuestra página web, se trata de cambiar la imagen al pasar el ratón por encima de ella.
Este efecto lo podemos hacer para llamar la atención del visitante. 



El código es muy sencillo, lo haremos de la siguiente manera:


  1. <img alt="Cambiar imagen al pasar el raton" height="XX" width="XX" onmouseout="this.src='aquí la imagen1';" onmouseover="this.src='aquí la imagen 2';" src="aquí la imagen1" />

Y se vería así (pasa el ratón por la imagen):

Cambiar imagen al pasar el raton






Espero que os sea de utilidad.

Un saludo.

No hay comentarios:

Publicar un comentario

Para insertar código html en tu comentario,convertir aquí