rollover

**horkets** · 06/12/2005, 10h04

bonjour à tous ,

Est il possible d'implementer un rollover rien qu'en html ?
Je voudrais entendre un son lorsque je passe au dessus d'une zone délimlitée dans une image.

J'ai vu qu'il etait possible de le faire en javascript ... mais ne maitrisant pas encore ce langage , j'aimerais le faire plus simplement ...

Auriez vous une idée ?

Merci d'avance

**KiLVaiDeN** · 06/12/2005, 10h56

Bonjour,

Pour implémenter un son, il faut du javascript.

Quelque chose comme ceci ( ça ne marche qu'avec des fichiers wav ) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<html>
<head>
<script language="JavaScript">
function startMusic(soundFile) {
			self.objSound.src=soundFile;
			return (new Object());
		}
</script>
</head>
<body>
<a onMouseOver="startMusic('waves/unfichier.wav')" href="#">Un lien sonore</a>
</body>
</html>

Pour un rollover simple, tu peux le faire en CSS.

**horkets** · 06/12/2005, 11h58

J'ai donc placé la declaration de la fonction entre les balises
<head> ... </head>

ensuite , je passe au corps du programme html , où j'ai delimité une zone réactive .

Code :

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

1
2
...
<area shape="poly" coords="127,391,146,470,153,466,108,285,107,285">

Je suppose également que la fonction startMusic doit se trouver a la suite de cette ligne ...
Donc cela devrait etre quelques chose du genre ?

Code :

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

1
2
3
 
<area shape="poly" 127,391,146,470,153,466,108,285,107,285" onMouseOver="startMusic('le chemin vers un un fichier.wav')" href="#">Un lien sonore</a>  
...

Je supposes , qu'en parametre de la fonction startMusic (situé entre <body>...</body>) , je dois placer le path du son ?

Que veux dire href "#" ?
suis je obligé d'indiquer : un lien sonore </a> ou ce n'est pas necessaire vu que j'ai deja declaré la zone reactive ?

Merci d'avance !

**horkets** · 06/12/2005, 13h13

Bon,

Cette fois , tout fonctionne bien .
Le son est joué , mais dans une nouvelle fenetre , et ce malgre la mention target="_self" ...

Est ce que quelqu'un aurait une idée de ce qui manque à cette ligne de code pour que l'action se passe dans la bonne page ?

Code :

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

<area shape="poly" coords="127,391,146,470,153,466,108,285,107,285" href="guit%20game.wav" target="_self" onMouseOver="MM_controlSound('play','document.CS1133870862951','guit%20game.wav')" >

merci

rollover

HTML

Discussions similaires

Partager

Partager