Comment diffuser un son au survol d'une image

Résolu/Fermé
ghostsamus Messages postés 9 Date d'inscription lundi 17 décembre 2007 Statut Membre Dernière intervention 16 février 2008 - 17 déc. 2007 à 20:56
 Profil bloqué - 18 janv. 2013 à 19:26
Bonjour,
j'aimerais savoir comment diffuser un son suite au survol d'une image par la souris.
Je créé mon site en html, et j'aimerais une méthode assez simple.
Merci d'avance.
A voir également:

4 réponses

stitchda62 Messages postés 197 Date d'inscription lundi 15 octobre 2007 Statut Membre Dernière intervention 25 avril 2008 30
17 déc. 2007 à 23:10
Slt,

la solution est peut-être dans la fonction onMouseOver (javascript)

Quelque chose du genre :

<img src="http://www.tonsite.ext/images/tonimage.jpg" onMouseOver="">


Et dans ce onMouseOver mettre quelque chose qui appel un fichier js qui serait le script du son à jouer ! Par contre je ne me souviens plus de cette fonction il fautdrait que tu regardes sur google ou si des gens du forum savent !!!

Moi ça m'aiderait à me souvenir ! depuis le temps que je n'ai pas remis le nez là dedans !!!!

++
0
ghostsamus Messages postés 9 Date d'inscription lundi 17 décembre 2007 Statut Membre Dernière intervention 16 février 2008 1
18 déc. 2007 à 14:00
Merci d'avoir répondu, j'ai fait un mix entre ce que tu m'as dit et une réponse d'un autre forum!
Dans tout les cas je te remercis car ça fonctionne super bien maintenant, a bientot peu etre !!!

La solution était de faire une animation Flash invisible, que javascript active





Code : HTML - a placer dan sle HEAD de la page

1.
<script type="text/javascript">
2.
function jouerSon(url) {
3.
var swf = 'http://fieldset.cliranet.com/blabla/privat/fieldset.swf';
4.
var html = '<object data="'+swf+'?son='+url+'" type="application/x-shockwave-flash" width="0" height="0"><param name="movie" value="'+swf+'?son='+url+'" /></object>';
5.
document.getElementById('son').innerHTML = html;
6.
}
7.
</script>



Code : HTML - a placer dans la page

1.
<div id="son"></div>
2.
<p><a href="javascript:void(0);" onmouseover="jouerSon('url de votre son');">objet à survoler(image ou texte)</a></p>




pour voir ce que ça donne. c'est tout en bas de l'acceuil le lapin!!!
http://ghostsamus.free.fr
0
ghostsamus Messages postés 9 Date d'inscription lundi 17 décembre 2007 Statut Membre Dernière intervention 16 février 2008 1
18 déc. 2007 à 14:03
voir code du message précédent ^^
0
ca marche plus, le lien "
var swf = 'http://fieldset.cliranet.com/blabla/privat/fieldset.swf'; 
" est mort!

Mais j'ai trouvé une autre solution dans un autre forum:


Pour jouer un son sur un clic sur un bouton il est possible de réaliser ton lien de la manière suivante :
<input type="button" value="Lire" onclick="play('http://tonURL/tonfichier.mp3')"> 
<input type="button" value="Arrêt" onclick="stop()">


ou bien sur un lien simple :
<a href="tonfichier.mp3">Musique</a>


ou encore pour quicktime :
<embed src="tonfichier.mp3" autostart=false loop=false>


au survol d'un texte :
<a href="#" onMouseOver="PlaySound('tonfichier.mp3')">lecture du son au survol</A>


Pour concluer, jouer un son au survol demande seulement d'inserrer la propriété
onMouseOver="PlaySound('tonfichier.mp3')"
dans la balise cible! ;)
0