|
How to make a mouse over sound link.
- Add the sound files that you want to use in the Assets View. Make sure to mark the sound files as 'Always Publish'. Then go to Publish View and note where the sound files are located.
- You will want to paste the following code in the between Head tags section of the Layout HTML.
<script LANGUAGE="JavaScript"><!-- // Preload and play audio files with event handler (MouseOver sound) // designed by JavaScript Archive, (c)1999 // Get more free javascripts at http://jsarchive.8m.com var aySound = new Array(); // Below: source for sound files to be preloaded aySound[0] = "laser.wav";
// DO NOT edit below this line 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]." + (play? "play()":"stop()")) } function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); } function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); } //-->
</script>
- Edit the aySound array to preload the sound files.
aySound[0]="YourSoundFile.wav"; aySound[1]="AnotherSoundFile.wav"; aySound[2]="EvenAnotherOne.wav"; ...
...as many sound files as you want. Make sure that the script is pointing to the correct location of the sound file.
- Make the link that you want to have the sound on. In the Link dialog box click the HTML button. In the Inside tag section add:
onMouseOver="playSound(0)" onMouseOut="stopSound(0)"
- Click Ok.
- Click Link.
Preview or local publish the site and test it out
|