Onmouseover
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
Respuesta de bfernandez
1
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>
<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>
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...
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.
