Trocar imagem e executar som

[EngHere]

Olá pessoal,

Queria um código HTML (se possível) que executa um som ao passar o mouse por cima da imagem

Já tenho esse Código html que troca a imagem ao passar com o mouse por cima:

<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />

Obrigado

[atkins]

Cara você já tentou colocar uma musica no lugar do endereço da imagem normal, e trocar o img scr por embed scr?? Acho que pode funcionar...

Mas antes de testar, você tem que ver quais formatos de musica teu navegador aceita...

[EngHere]

Mas além de trocar a imagem quero que execute o som ......

[atkins]

O que eu tava dizendo era fazer assim:

<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE'; this.src='COLOCAR_A_MUSICA_AQUI';" />

Mas nunca fiz isso, não sei se dará certo...

Eu iria preferir fazer assim:

#music_image:hover{

VOCE COLOCA UM CODIGO AQUI PARA EXECUÇÃO DA MUSICA...

}

<div id="music_image"><img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" /></div>

EU não SEI SE ISSO AJUDA MUITO, EU NA VERDADE NUNCA TENTEI ISSO, PELO QUE EU SAIBA O PESSOAL USA JAVASCRIPT OU PHP... MAS AI VAI DE você...

Edited December 16, 2012 by atkins