Chris: Buttons bei mouseover Bildwechsel und Sound

Beitrag lesen

SELF-Forum

Buttons bei mouseover Bildwechsel und Sound

Chris
– Informationen zu den Bewertungsregeln

Hallo,
ich habe folgendes Problem, ich möchte ein Menü erstellen mit Buttons (Bilder), die bei mouseover das Bild wechseln und ein Sound abspielen (max. 1sec.) und beim drücken ebenfalls noch einmal einen anderen Sound abspielen!
Den bildwechsel konnte ich mit Frontpage gut erstelle, wie jedoch die Soundeffecte???
Danke schon mal...

hier mein html-code vom Bildwechsel:

<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}

function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
// -->
</script>

</head>

<body onload="FP_preloadImgs(/*url*/'HP/Hyperlinks/button3.jpg', /*url*/'HP/Hyperlinks/button2.jpg', /*url*/'HP/Hyperlinks/button57.jpg', /*url*/'HP/Hyperlinks/button6D.jpg', /*url*/'HP/Hyperlinks/button6E.jpg')">

<p align="center">
<img border="0" id="img9" src="HP/Hyperlinks/button6C.jpg" height="17" width="85" alt="home" onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'HP/Hyperlinks/button6D.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img9',/*url*/'HP/Hyperlinks/button6C.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'HP/Hyperlinks/button6E.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img9',/*url*/'HP/Hyperlinks/button6D.jpg')" fp-style="fp-btn: Soft Rectangle 9" fp-title="home"><img border="0" id="img1" src="HP/Hyperlinks/button1.jpg" height="17" width="85" alt="biographie" fp-style="fp-btn: Soft Rectangle 9" fp-title="biographie" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'HP/Hyperlinks/button2.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'HP/Hyperlinks/button1.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'HP/Hyperlinks/button3.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'HP/Hyperlinks/button2.jpg')"></p>

</body>

</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln