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';"