13 mayo 2017

Camiar una imagen por otra al pasar el ratón


Hoy os voy a enseñar un pequeño truco de cómo cambiar una imagen por otra al pasar el ratón. 
Es tan simple como añadir el siguiente código en un  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';"/>

donde en la parte en rojo deberás colocar la URL de la primera imagen, y en la parte verde, la URL de la segunda imagen
Es mejor que las dos imágenes tengan el mismo tamaño para conseguir un mejor efecto. 
Es ideal para utilizarlo a la hora de crear un menú o para mostrar un "antes y después".


Y guardáis cambios.
Mirad, este es el que he hecho yo como prueba:


¿Habéis visto que fácil? 


Related Posts Plugin for WordPress, Blogger...