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

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
Muchísimas gracias por leer mi mensaje pero lo que has puesto lo hago para cambiar la imagen que hay dentro del botón, pero yo quiero cambiar una imagen que hay en cualquier lugar de la pantalla. Por ejemplo un banner y una imagen botón que hay en otro sitio que no sea el banner y quiero cambiar el banner al pasar el ratón por el botón. ¿Ahora me explico? Cuando hablo de botón es como poner lo de principal, quienes somos...
Hola,
No se si termino de entenderte. Si lo que quieres hacer es cambiar cualquier imagen de la pantalla puedes hacer referencia a ella mediante el 'id' que tu le pongas, y usar estas mismas funciones javascript que te dije.
Un saludo
Añade un comentario a esta respuesta
Añade tu respuesta
Haz clic para o
Escribe tu mensaje
¿No es la pregunta que estabas buscando?
Puedes explorar otras preguntas del tema Javascript o hacer tu propia pregunta: