Discussion :

[ideal23]

bonjour
pour mon site perso dans mon menu, je souhaiterais que lorsqu'au passage de la souris sur une image du menu un son bref se déclenche.
j'ai trouvé ce code qui fonctionne avec un lien:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script language="JavaScript">
function tromp() {
  if(document.monSon) document.monSon.Play();
}
</script>
 
<embed type="audio/mp3" javascriptenabled="true" name="monSon"
          autoplay="false" autostart="false" 
          width=1 height=1
          src="son.mp3" loop=1 bgsound>
 
	<a href="#" onmouseover="tromp(); return false">trump !</a>

Comment procéder pour intégrer l'image à la place du lien
Merci

[vermine]

Bonjour,

En remplaçant "trump !" par le tag <img>. Ou bien en remplaçant le tag <a> par le tag <img>.

[ideal23]

Merci pour ta réponse rapide
j'ai un problème pour insérer le code de l'image peut-tu m'expliquer à ce niveau

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" onmouseover="img(); return false">trump !</a>

encore merci

[vermine]

Hé bien voici ce que désire le tag img:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<img src="monImage.jpg">

Donc soit vous l'incluez dans le <a>:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<a href="#" onmouseover="tromp(); return false">
<img src="monImage.jpg">
</a>

Soit vous remplacez le <a> par l'image:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<img src="monImage.jpg" onmouseover="tromp(); return false">

[ideal23]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="boutons/audiovisuel.png" onmouseover="tromp(); return false">

cà marche

[ideal23]

je réouvre le post car je doit également intéger ce son dans le menu avec des images en rollover voici le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 <a href="#">
 <img src="boutons/audiovisuel.png" name="audiovisuel" border="0" id="audiovisuel"
 onMouseOver="this.src='boutons/audiovisuel_hover.png'" onMouseOut="this.src='boutons/audiovisuel.png'">
 </a>

et la je bute grave avez-vous une idée

[vermine]

Vu que le tag <a> est présent, autant mettre le onmouseover sur le tag <a>.
Sinon, vous pouvez définir plusieurs instructions dans le onmouseover du tag <img>:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onMouseOver="tromp(); this.src='boutons/audiovisuel_hover.png';"

[ideal23]

vermine je vous remercie c'est formidable ca marche, çà fait plaisir , bonne fin de journée

[SpaceFrog]

preferer eventuellement la balise object à la balise embed ...

[ideal23]

bonsoir
comme je l'ai signalé le code de Vermine fonctionne idéalement sur firefox, à chaque passage de la souris sur une photo de mon menu qui en compte 4, le son démarre et s'arrête.

Malheureusement avec internet explorer 8 , il y a un petit problème. Le passage de le souris sur une seule des photos déclenche le son qui se joue en boucle.Vous pouvez vérifier sur: http://galaxyweb.free.fr/

Pour stopper tout çà, il ne reste plus qu'a quitter le site ce qui n'est pas le but recherché.

j'ai l'impression qu'il faudrait démarrer et stopper le son sur chaque image. j'ai essayé avec la fonction return, mais pour l'instant je n'ai pas réussi.

Je fait appel encore à vous
Merci d'avance

[vermine]

Je dis ça totalement au hasard mais y aurait-il une fonction:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.monSon.Stop();