4 svar · 269 visningar · startad av kokko
Hej!
Jag har en liten (?) fråga ang. att få en liten musiksnutt när man för musen över en bild (rollover).
För att göra det mycket enklare, se exempel på denna länken:
VG20 lista
För musen över sångtitlarna.
Om någon vänlig själ kan tipsa mig om hur jag gör, blir jag mycket glad! :bire
På förhand tack!
För att rodda ut det vitala i deras källkod. Så kanske du kan lista ut hur de har gjort. :)
<script language="javascript" src="http://www.vg.no/rampelys/musikk/lista/elementer/flashlyd.js"></script>
<script language="JavaScript">
var nr1 = new FlashSound();
nr1.embedSWF('http://www.vg.no/rampelys/musikk/lista/elementer/lyd/usher_yeah.swf');
</script>
<a onmouseover="nr1.TGotoAndPlay('/','start')" onmouseout="nr1.TGotoAndPlay('/','stop')" href="song_info.jsp?publicationId=4287&listId=1&choose=hiddan_value" class="listetxt">Yeah!</a>
Hej!
Jo, tack det var ju iof ett bra förslag (inte alltid man tänker så långt, hehe). Men jag fattar fortfarande inte så mycket.. Ánnat än att man gör en flashfil. Problemet är hur man får ljudet att stoppa när man tar bort musen över länken... Det fattar jag inte.. *s*
:l
Jarvklo:
Sorry, visste inte vart jag skulle lägga tråden.
Kanske lättare att förstå detta här då!
I mitt exempel heter ljudfilerna Ljud_A.wav och Ljud_B.wav
Byt bara ut dessa mod ditt eget ljud.
<html>
<head>
<title>Länk med ljud och färg</title>
<script LANGUAGE="JavaScript">
<!--
var aySound = new Array();
// Välj här vilken eller vilka ljudfiler du vill ha,
// Byt ut Ljud_A.wav och Ljud_B mot din ljudfil.
// Går förstås att ha flera ljudfiler!
aySound[0] = "Ljud_A.wav";
aySound[1] = "Ljud_B.wav";
document.write('<BGSOUND ID="auIEContainer">')
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.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (stop? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//-->
</script>
<body bgcolor=lightgreen>
<table>
<TR>
<td onMouseover="playSound(1)" onMouseout="stopSound(0)">
<a href="#"><img src=bild1.jpg width=20 height=20></a>
</td>
</TR>
<TR>
<td onMouseover="playSound(0)" onMouseout="stopSound(0)">
<a href="#"><img src=bild2.jpg width=20 height=20></a>
</td>
</TR>
<TR>
<td onMouseover="playSound(1)" onMouseout="stopSound(0)">
<a href="#"><img src=bild3.jpg width=20 height=20></a>
</td>
</TR>
<TR>
<td onMouseover="playSound(0)" onMouseout="stopSound(1)">
<a href="#"><img src=bild4.jpg width=20 height=20></a>
</td>
</TR>
</table>
</body>
</html>