HILFE:Rollover mit 3 Grafiken funzt nich

Dieses Thema im Forum "Web-Know-how für die Homepage" wurde erstellt von carsten, 25. Juni 2001.

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. carsten

    carsten Byte

    Registriert seit:
    18. April 2000
    Beiträge:
    36
    Ich bin grad dabei mich in JavaScript einzuarbeiten und wollte mir zum Spaß ein paar Rollover-Buttons bauen.
    Und zwar mit 3 Grafiken.
    Also kommen die Funktionen onMouseOut, onMouseOver und onClick zum Einsatz.
    Allerdings funktioniert bei mir die Grafikanzeige bei onClick nicht.

    hier mal mein Quellcode

    <html>
    <head><title>H O M E P A G E</title></head>
    <script language="JavaScript">

    Disk1=new Image ();
    Disk1.src="board_normal.jpg";

    Disk2=new Image ();
    Disk2.src="board_over.jpg";

    Disk3=new Image ();
    Disk3.src="board_down.jpg";

    function wechsel1()
    { /* onMouseOver*/
    window.document.images[0].src=Disk2.src;
    }

    function wechsel2()
    { /* onMouseOut */
    window.document.images[0].src=Disk1.src;
    }

    function wechsel3()
    { /* onClick */
    window.document.images[0].src=Disk3.src;
    }
    </script>
    <body bgcolor="#0080FF" text="#FFFFFF">
    <h1 align="center"><font color="black" face="Arial">Homepage</font></h1>
    <hr><h2>Hier gibt\'s Shareware...</h2><p>

    <a href="http://www.shareware.de" onmouseover="wechsel1()" onmouseout="wechsel2 ()" onclick="wechsel3 ()"><img src="board_normal.jpg"></a>

    <p></p><hr>
    </body></html>

    wäre schön wenn mir jemand helfen kann.
    ich bin echt hilflos.
    Bitte helft mir.
    Besten Dank schon mal vorweg.
     
Status des Themas:
Es sind keine weiteren Antworten möglich.

Diese Seite empfehlen