help toggling sound with on/off img buttons

[moscarda]

the below code is working, i just need help with the music. when the button is clicked, i want it to play loop.mp3 and when it is clicked again I want it to stop. personally, i always have trouble with embedding sound with javascript, especially adding it to other functions going on. sorry for the newbie question, but thanks in advance.



<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "<img src='paused.gif' border='0'>";
}
else {
ele.style.display = "block";
text.innerHTML = "<img src='system/playing.gif' border='0'>";
}
}
</script>

<a id="displayText" href="javascript:toggle();"><img src="paused.gif" border='0'></a>
<div id="toggleText" style="display: none"><h1>sound should play now</h1></div>

[jscheuer1]

Flash is a better choice for this. But if you want to use HTML and javascript, see:

http://loisimages.com/john/music/music_adv_dd.htm

Use your browser's 'view source' to get the code.