Onmouseover

Hola! Alguien sabría como usar el onmouseover para que al pasar el ratón por un botón cambie una imagen. Es decir, tengo un botón y una imagen y quiero hacer que cuando pase el ratón por el botón cambie la imagen. Espero haberme explicado bien. Saludos y gracias por contestar. Carlos

1 respuesta

1
Respuesta de
Hola,
Las imágenes tienen una propiedad llamada src la cual deberás modificar con la ruta de la nueva imagen. Te pongo un ejemplo:
<img id="imagen" src="./img/imagen08.jpeg" onMouseOver="javascript:cambiarImagenOver()" onmouseout="javascript:cambiarImagenOut()">
Las funciones javascript que se utilizan sería:
<script>
function cambiarImagenOver(){
document.all.imagen.src="./img_arquisegur/imagen01.jpeg";
}
function cambiarImagenOut(){
document.all.imagen.src="./img_arquisegur/imagen08.jpeg";
}
</script>
Espero que esto te sirva. Un saludo
Belén
Añade un comentario a esta respuesta
Añade tu respuesta
Haz clic para o
Escribe tu mensaje