Avatar billede kraller1992 Nybegynder
18. januar 2011 - 17:06 Der er 4 kommentarer og
1 løsning

Lyd ved MouseOver på mere end et element

Hej Eksperter

Jeg sidder og roder med en hjemmeside til et projekt jeg er igang med, i faget Kommunikation/IT på HTX.

Jeg er nu stødt ind i et problem. Jeg har to figurer, som hver især skal sige en lyd, når man trækker musen over figurene, men jeg kan ikke få det til at virke, jeg har brugt denne metode:
http://www.hypergurl.com/mouseoversound.html

Jeg koder i HTML og min kode ser ud som følgende:

<html>
<head>
<title>vand-land - midterbillede</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
#krokodille {
  margin: 1px auto;
  padding: 0;
  border: 0px;
  width:0px;
  height:0px;
}
#abe {
  margin: 1px auto;
  padding: 0;
  border: 0px;
  width:0px;
  height:0px;
}
</style>

<script language="JavaScript">
var aySound = new Array();
aySound[0] = "chimps.wav";
aySound[1] = "baligator3.wav";
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)?
1:0; NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])?
1:0; ver4 = IE||NS? 1:0; onload=auPreload; function auPreload() { if (!ver4) return;
if (NS) auEmb = new Layer(0,window); else { Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str); }
var Str = ''; for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"'AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str; else
{ auEmb.document.open(); auEmb.document.write(Str); auEmb.document.close(); }
auCon = IE? document.all.soundfiles:auEmb; auCon.control = auCtrl; } function
auCtrl(whSound,play) { if (IE) this.src = play? aySound[whSound]:''; else eval("this.document.embeds[whSound]."
+ (play? "play()":"stop()")) } function playSound(whSound)
{ if (window.auCon) auCon.control(whSound,true); } function stopSound(whSound)
{ if (window.auCon) auCon.control(whSound,false); }
</script>


</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (vand-land - midterbillede.psd) -->
<table id="Table_01" width="1200" height="938" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
        <td colspan="5">
        <div style="position:relative;top:260px;left:-60px" id="abe">
        <img src="../../../../../../Projekt Randers Regnskov/images/IMAG0016-100_92.gif" style="position:absolut width="100" height="92"" border="0" name="abe" onMouseOver="playSound(0)" onMouseOut="stopSound(0)">
        </div>
        <div style="position:relative;top:260px;left:60px" id="krokodille">
        <img src="../../../../../../Projekt Randers Regnskov/images/IMAG0017-animation.gif" style="position:absolut width="300" height="334"" border="0" name="krokodille" onMouseOver="playSound(1)" onMouseOut="stopSound(1)">
        </div>
        <img src="images/vand-land---midterbillede_01.gif" width="1200" height="417" alt="">
       
        </td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/vand-land---midterbillede_02.gif" width="105" height="521" alt=""></td>
        <td><a href="tempel.html"><img src="images/vand-land---midterbillede_03.gif" width="78" height="86" alt=""></a></td>
        <td rowspan="2">
            <img src="images/vand-land---midterbillede_04.gif" width="831" height="521" alt=""></td>
        <td><a href="vand.html"><img src="images/vand-land---midterbillede_05.gif" width="78" height="86" alt=""></a></td>
        <td rowspan="2">
            <img src="images/vand-land---midterbillede_06.gif" width="108" height="521" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/vand-land---midterbillede_07.gif" width="78" height="435" alt=""></td>
        <td>
            <img src="images/vand-land---midterbillede_08.gif" width="78" height="435" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

På forhånd tak :)
Avatar billede kraller1992 Nybegynder
21. marts 2012 - 17:03 #1
Intet svar..
Avatar billede TOAAC Nybegynder
26. marts 2012 - 21:53 #2
Skal lige høre er det et stykke musik eller er det bare en "boing" lyd, fordi hvis det bare en en lille kort lyd så er jeg meget sikker
på at du ikke behøver onMouseOut.
Avatar billede TOAAC Nybegynder
26. marts 2012 - 21:55 #3
Ellers jeg har brugt dette script før og det virker fint: http://webdesign.about.com/od/sound/a/play_sound_oncl.htm
:)
Avatar billede kraller1992 Nybegynder
27. marts 2012 - 08:59 #4
Scriptet fungerer sikkert udemærket, dog er det ikke længere aktuelt, men jeg takker for forslaget, kan jo være man får brug for det en anden gang :)
Avatar billede scootergrisen Nybegynder
27. marts 2012 - 16:55 #5
Nu hvor HTML 5 er kommet med <audio> og javascript til så kig på det hvis du igen får brug for det og du ikke har noget imod det kun virker i de nyere browsere.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester