rollover

Version imprimable

06/12/2005, 10h04
horkets

rollover

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

Bonjour,

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

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

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.

06/12/2005, 11h58
horkets
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:

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:

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 !

:)
06/12/2005, 13h13
horkets

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:

<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