Voir le sujet - Page format html menu avec musique au passage de la souris >> Aide à la conception de sites internet

Inscrit le: 11 Nov 2004

Bonjour je suis encore la

Et bien, voila ce que je recherche, je voudrais mettre un son au passage de la souris pour chaqu'un des liens de mon menu. Il contient 10 liens. Le format de mes pages est en html mais je voulais savoir si c'était quand même possible. Je n'es pas encore le son en question mais il sera très petit, une seul seconde même page, c'est simplement pour ajouter un petit détail intéressant au site

J'espère fortement que cela est possible et que vous pourriez m'expliquer comment installer le scripts en question si il y en a un

Je vous remerci d'avance
Phil
(PS: la nouvelle version de mon site zonephil.com est en ligne je vous invite à aller jetter un coup d'oeil et donnez moi votre avis dans le livre d'or svp)

Inscrit le: 07 Sep 2004

Bonjour,

Le principe est le suivant:
Si ton menu est fait en image, il faut que ce soit fait de la façon suivante:

Code:

Où play_sound(); est la fonction qui te permet de jouer le son....
Exemple de code qui permet de jouer du son:

Code:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
function setSndTrack(mp3_file)
{
document.all.mediaplayer.innerHTML='<EMBED SRC="'+mp3_file+'" HIDDEN=true LOOP=0>';
}
</SCRIPT>
</HEAD>
<BODY STYLE="BACKGROUND-COLOR: #808080; font-family: arial; font-size: 16px">
<FORM NAME="form" ACTION="" METHOD="get">
<TABLE>
<TR>
<TD ALIGN="center">
<FIELDSET STYLE="width: 600px; height: 60px; background: #7B68EE;">
<LEGEND STYLE="font-family: verdana; font-size: 16px;">Lecteur de Mp3</LEGEND>
<INPUT TYPE="file" TITLE="Sélectionner un morceau de musique" STYLE="width: 400px" NAME="file">
<INPUT STYLE="height:26px; width:80px;" TYPE="button" TITLE="Lire la musique" NAME="bouton" ONCLICK="javascript:setSndTrack(form.file.value);" VALUE="Musique" ID="mp3_son1">
<INPUT STYLE="height:26px; width:80px;" TYPE="button" TITLE="Arrêter la musique" VALUE="Stopper" ONCLICK="javascript:location.reload()">
<DIV ID="mediaplayer">
</DIV>
</FIELDSET>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

A toi de l'adapter en fonction de tes besoins....
Bon courage
Bye

Inscrit le: 11 Nov 2004

Pas mal du tout

Mais effecitvement je veux faire jouer un sou à partir d'un lie nsur une image.

Code:

mais si je me fis au javascript dans l'autre ligne de code je doit changer le nom de celui ci-dessus ?

Code:

play_sound();

??

Je vais devoir avoir quelque chose dans ce genre la donc ?

Code:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
function setSndTrack(mp3_file)
{
document.all.mediaplayer.innerHTML='<EMBED SRC="'+mp3_file+'" HIDDEN=true LOOP=0>';
}
</SCRIPT>
</HEAD>
<BODY STYLE="BACKGROUND-COLOR: #808080; font-family: arial; font-size: 16px">

<a href="#"><img src="ton_image.jpg" onmouseover="play_sound();"></a>

</BODY>
</HTML>

Mais j'imagine que je vais devoir changer des choses dedans et le fichier en question pour le son je l'insère ou ?!

Code:

+mp3_file+

probablement ?

Inscrit le: 11 Nov 2004

Est-ce que ça dérrenge si j'ai deux fois onmouseover pour les images d mon menu ?

Code:

La ya pas le truc pour le son ...

Inscrit le: 07 Sep 2004

Oui donc pour appeler la fonction, il faut utiliser bien évidemment setSndTrack("ta_musique.mp3") ...
Et pour appeller deux fonctions en même dans l'évènement onMouseOver, il suffit de les séparer par un ; et non pas de mettre deux onMouseOver... Et il faut laisser le code suivant aussi dans ton script:

Code:

Inscrit le: 11 Nov 2004

Code:

<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
function setSndTrack(design/menu.wav)
{
document.all.mediaplayer.innerHTML='<EMBED SRC="'+mp3_file+'" HIDDEN=true LOOP=0>';
}
</SCRIPT>

Code:

ça marche pas
tu peux surment m'arrenger sa lol

Inscrit le: 07 Sep 2004

Apparemment tu connais pas trop le js car tu n'as pas saisi le fonctionnement du script

Essaies ça et dis moi si ça marche:

Code:

<html>
<head>
<script type="text/javascript">
function sound(sound_location)
{
document.all.music.src=sound_location;
}
function sound_stop()
{
document.all.music.src="";
}
</script>
</head>
<body>
<img src="design/accueil1.jpg" name="accueil" border="0" onMouseOver="MM_swapImage('accueil','','design/accueil2.jpg',1);sound('design/menu.wav');" onMouseOut="MM_swapImgRestore();sound_stop();" width="152" height="18">
<bgsound ="#" id=music loop=0>
</body>
</html>

Si ça marche pas (pour ma part cela marche que sous IE mais pas sous Mozilla) on essaiera autre chose lol

Inscrit le: 11 Nov 2004

Impecable

trop bien

cool merci

Inscrit le: 07 Sep 2004

De rien

Inscrit le: 11 Nov 2004

lol tu connais pas un truc pour que j'ai des visiteurs qui vienne parelr sur mon forum il est plutôt mort lol ^^

Inscrit le: 07 Sep 2004

Non pas vraiment dsl

Inscrit le: 11 Nov 2004

lol pas grave je m'attendais pas à grand chose comme réponse à part ce que tu viens de dire ^^

Sinon tu as pas un site toi ?

Inscrit le: 07 Sep 2004

Non je n'en ai pas....