MouseOver effect

[Jeffry]

Ik zoek een script voor een mouseOver effect "swap image" gecombineerd met een geluid en een ander geluid als je clickt.
Voor het veranderen van het plaatje gebruik ik volgend script. Is dit script aan te passen voor het geluid?

<script language="JavaScript">
<!--

browserName = navigator.appName;

browserVer = parseInt ( navigator.appVersion );



version = "n2";

if ( browserName == "Netscape" && browserVer >= 3 ) version = "n3";

if ( browserName == "Microsoft Internet Explorer" && browserVer >=4 ) version = "e4";



if ( version == "n3" || version == "e4" )

{


logo_on = new Image ;

logo_on.src = "images/logo_on.jpg";





logo_off = new Image ;

logo_off.src = "images/logo_off.jpg";





}



function button_on ( imgName )

{

if ( version == "n3" || version == "e4" )

{

butOn = eval ( imgName + "_on.src" );

document [imgName].src = butOn;

}

}



function button_off ( imgName )

{

if ( version == "n3" || version == "e4" )

{

butOff = eval ( imgName + "_off.src" );

document [imgName].src = butOff;

}

}

// -->
</script>



<a href="about.html" onmouseover="button_on('logo'); return true" onmouseout="button_off('logo'); return true">
<img border="0" src="images/logo_off.jpg" name="logo" width="496" height="395"></a>

 

[Jeffry]

Gevonden.

 

[miem]

Kun je ons ook vertellen waar je het hebt gevonden? Ben wel nieuwsgierig.

 

[Jeffry]

Ik heb twee scripts gecombineerd.

Dit is de link naar het script play sound on mouseOver : http://jsarchive.8m.com/audio.html

En het script om de afbeelding te veranderen staat in mijn eerste bericht.

En hier is de link voor de combinatie van de twee scripts:

<a href="javascriptlayAudio(1);" onmouseover=button_on('logo'); playAudio(0); return true" onmouseout="button_off('logo'); stopAudio(0); return true">
<img border="0" src="images/logo_off.jpg" name="logo" width="496" height="395"></a>

Alleen heb je bij bovenstaande link wel geluid als je klikt, maar je gaat niet naar een andere pagina. Die combinatie krijg ik niet voor mekaar.
Ik heb het volgende geprobeert, maar dat werkt niet.

<a href="index.html" href="javascriptlayAudio(1);" onmouseover=button_on('logo'); playAudio(0); return true" onmouseout="button_off('logo'); stopAudio(0); return true">
<img border="0" src="images/logo_off.jpg" name="logo" width="496" height="395"></a>

En op deze manier werkt het wel, maar dan heb je geen geluid als je klikt.

<a href="index.html" onmouseover=button_on('logo'); playAudio(0); return true" onmouseout="button_off('logo'); stopAudio(0); return true">
<img border="0" src="images/logo_off.jpg" name="logo" width="496" height="395"></a>

Groeten
Jeffry

 

[Jeffry]

De smilies vervang je uiteraard door een : en een p zonder spacies.