Rollover med ljudsnutt

JavaScript

4 svar · 271 visningar · startad av kokko 14 apr. 2004

kokkoMedlem sedan feb. 200420 inlägg

Trådstart14 apr. 2004 14:23#1

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!

Jesper TMedlem sedan nov. 20017 144 inlägg

14 apr. 2004 14:38#2

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>

jarvkloMedlem sedan juli 20013 378 inlägg

14 apr. 2004 17:13#3

Hursomhelst så handlar det om att använda scripts...

Flyttas från HTML, XHTML & CSS

kokkoMedlem sedan feb. 200420 inlägg

14 apr. 2004 17:23#4

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*

Jarvklo:
Sorry, visste inte vart jag skulle lägga tråden.

bossseMedlem sedan juni 2003771 inlägg

14 apr. 2004 19:43#5

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>