Comment diffuser un son au survol d'une image
Résolu
ghostsamus
Messages postés
9
Date d'inscription
Statut
Membre
Dernière intervention
-
Profil bloqué -
Profil bloqué -
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.
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:
- Comment diffuser un son au survol d'une image
- Image iso - Guide
- Vlc diffuser sur tv - Guide
- Légender une image - Guide
- Comment rechercher une image sur google - Guide
- Comment agrandir une image - Guide
4 réponses
Slt,
la solution est peut-être dans la fonction onMouseOver (javascript)
Quelque chose du genre :
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 !!!!
++
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 !!!!
++
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
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
ca marche plus, le lien "
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 :
ou bien sur un lien simple :
ou encore pour quicktime :
au survol d'un texte :
Pour concluer, jouer un son au survol demande seulement d'inserrer la propriété
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! ;)