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?
No hay comentarios:
Publicar un comentario