Onmouseover

Respuesta de
a
Usuario
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
Experto
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
Usuario
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...
Experto
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
Usuario
Muchas gracias por tu respuesta