Adding Music on rollover

Fr. Jessip

Hi all

Im looking for an easy way of adding a music clip on rollover of an image using dreamweaver and i can't find any videos or useful tutorials anywhere

any suggestions?

BopNiblets

This seemed to work for me in FF only though.

<script language="javascript" type="text/javascript">
 function playSound(soundfile) {
 document.getElementById("dummy").innerHTML=
 "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
 }
 </script>

<img src="playmusic.jpg" alt="Play music" onmouseover="playSound('music.mp3');">
<span id="dummy"></span>

BrianD

You should check out if there are royalty payments required for the use of the music.

Liam Byrne

Also note that the above may cause a lag while the mp3 in question loads, which might spoil the effect.

P.S. I'd hope this isn't for a key navigation element or something, and is for something specific where the user would expect a sound ? Because otherwise it would be extremely irritating, particularly if the sound restarts every time you roll over a navigation element.