Thorsten Schneider: Button-Sound-Link

Hi,

ich möchte gerne einen Bildwecheleffekt, beim Klicken Sound und dann ein Hyperlink auf eine neue Seite bauen...ich bin soweit gekommen:

<HTML>
<HEAD>
<EMBED SRC="./sound/click.wav" autostart=false HIDDEN=TRUE NAME="sound" MASTERSOUND>
<SCRIPT LANGUAGE=JavaScript>
<!--
function Sound(){
 document.sound.play();
 }
 //-->
 </SCRIPT>
 <SCRIPT LANGUAGE=JavaScript>
 <!--
Normal1 = new Image();
Normal1.src = "./img/menu/de/m_aqua00.gif";     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "./img/menu/de/m_aqua02.gif"; /* erste Highlight-Grafik */
function Bildwechsel(Bildnr,Bildobjekt) {
 window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</SCRIPT>
<TITLE>TestJava</TITLE>
</HEAD>
<BODY>
<IMG SRC="./img/menu/de/m_aqua00.gif" border=0 onClick="Bildwechsel(0,Highlight1);Sound()">
</BODY>
</HTML>
Beim Klicken wird die Grafik geändert und ein Ton gespielt, das geht soweit.

Wenn ich den IMG Src nun in einen a href packe, wird der Sound nicht abgespielt, sondern direkt ein Seitenaufruf durchgeführt. Was muss ich machen, um erst den Sound abspielen zulassen und erst danach den Seitenwechsel automatisch durchzuführen ?

Gruss

Thorsten

  1. Hallo,

    wenn ich das richtig verstanden habe, soll beim Klick auf ein Bild erst ein Sound abgespielt werden und dann eine Seite aufgerufen werden?

    Du kannst die Sound-Funktion ein wenig umbauen

    function Sound(url){
    document.sound.play();

    setTimeout("document.location.href='"+url+"'",300);

    }

    Der Aufruf erfolgt dann über:
    <a href="#" onClick="Bildwechsel(0,Highlight1);Sound('datei.htm')><IMG SRC="./img/menu/de/m_aqua00.gif" border=0></a>

    Gruß,
    Fade