com hacer esto en mouse over

easy · #1 (**permalink**) 18/10/2009, 12:27

Hola amigos,

bueno espero que esté pensando hacer algo factible. quiero hacer que un boton tenga el efecto onmouseover lo siguiente:

que cambie de imagen y tambien que me reproduzca un sonido, como los botones flash, pero quiero hacerlo con javascript.

tengo lo siguiente pero solo me cambia la image y no me reproduce el sonido.

Código:

<a href="#" onmouseover="document.all.sound.src = 'images/tab.sound.mp3'" title="Home" ><img src="images/home.button.disable.jpg" onmouseover="this.src='images/home.button.enable.jpg'" onMouseOut="this.src='images/home.button.disable.jpg'" border="0" align="middle" title="Home"></a>

espero me puedan ayudar con esto

Saludos

crujikoki · #2 (**permalink**) 19/10/2009, 01:57

Hola,

Hace unos meses contesté este tema. A ver si te sirve con lo que buscas.

Saludos.

Animeonx · #3 (**permalink**) 19/10/2009, 02:54

Con respecto al cambio de imagen, recomendaria utilizar CSS.

un ejemplo.

Código CSS:

Ver original#boton {
    background:url(boton.jpg);
}
#boton:hover { 
    background-position:bottom;
}

Si te interesa, puedes pasearte por el foro de CSS.

easy · #4 (**permalink**) 20/10/2009, 14:14

se hacerlo con CSS pero y como ponerle sonido??

crujikoki · #5 (**permalink**) 21/10/2009, 01:01

Como veo que no de darle a los links no es lo tuyo te pego el mismo código que hay en el hilo que contesté hace unos meses:

Código:

<html>  
<head>  
<script type="text/javascript">  

function playSound()  
{   
    document.all.sound.src = "c://11.MichaelJackson-SmoothCriminal.mp3"  
}  

</script>  
</head>  
<body>  
<bgsound id="sound"></bgsound> 
<input type="button" value="Click para escuchar sonido" onClick="playSound()"></input> 
</body>  
</html>

Otra vez mira más detenidamente las respuestas por que así nos habríamos ahorrado un par de posts redundantes.