Un bloguero Practicando

Cambiar imágen al pasar el mouse

Cambiar imágen al pasar el mouse

Comparteme :


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.

Sólo basta que pongas este código en una entrada o un elemento HTML/Javascript:

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

Cambia lo que está en rojo por la URL de la imagen que tendrás inicialmente, 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.

Este es un ejemplo, pasa el cursor sobre la imagen para que cambie.



Puedes usarlo para hacer algún menú o para mostrar fotos de "antes y después".



Comparteme :
Bloguero Tutorial
Soy el creador y editor de éste blog, cree este blog porque me encanta escribir sobre tecnología e internet, diseño web, y recursos para webmasters y Bloggers. Además, mi único propósito, es divertirme y de paso si ayudo a otras personas, mucho mejor. , click aquí ?
Cambiar imágen al pasar el mouse.
Comparte

Artículos Relacionados

Tu mensaje sera visible tras la aprobación del administrador