losmolos: Button Bildwechsel. andere Bilder verschwinden!

Hallo zusammen,
hab ein Problem mit folgender HTML Programmierung.
Zuerst, was ich vorhabe.
Mein Bruder geht auf Weltreise und will die Möglichkeit geben für Freunde ihn zu begleiten. Also ist auf der Hauptseite eine Weltkarte und der sind mit der map Funktion die Bildkoordinaten hinterlegt. Unter dem Bild soll es zwei Buttons geben die die Farbe wechseln wenn man auf sie fährt.
Hier mal die Seite:

http://worldtrip.net46.net/
Das Problem ist... fährt man auf einen der Button verschwindet einfach das Bild der Weltkarte.
Wenn ich das Bild rausnehme funktioniert der Bildwechsel des Button. ich habe keine ahnung an was das liegen kann. Hier mal der Code:

*******************************************************

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AROUND THE WORLD</title>

</style>
<script type="text/javascript">

Normal1 = new Image();  
Normal1.src = "buttona1.jpg";  
Highlight1 = new Image();  
Highlight1.src = "buttona2.jpg";  

Normal2 = new Image();  
Normal2.src = "buttonb1.jpg";  
Highlight2 = new Image();  
Highlight2.src = "buttonb2.jpg";  
  
function Bildwechsel (Bildnr, Bildobjekt) {  

window.document.images[Bildnr].src = Bildobjekt.src;
}

</script>
</head>
<body>

<Table align="center" height="600"  width="1000"border="0" bordercolor="black"  cellspacing="0">
        <tr cellspacing="0">
            <td align="center" valign="middle" cellspacing="0" width="1000" height="400"bordercolor="white">

<p>
                  <img src="worldmap_org.jpg"   border="0" alt="Karte" usemap="#Landkarte">
                  <map name="Landkarte">
                    <area shape="rect" coords="77,4,468,277"
                          href="North America/NorthAmerica.html" alt="North America" title="North America">
                    <area shape="rect" coords="254,279,419,511"
                          href="South America/South America.html" alt="South America" title="South America">
                    <area shape="rect" coords="469,7,683,171"
                          href="Europe/Europe.html" alt="Europe" title="Europe">
                    <area shape="rect" coords="697,9,1027,271"
                          href="Asia/Asia.html" alt="Asia" title="Asia">
                    <area shape="rect" coords="467,168,697,433"
                          href="Africa/Africa.html" alt="Africa" title="Africa">
                    <area shape="rect" coords="878,303,1133,478"
                          href="Australia/Australia.html" alt="Australia" title="Australia">
                    <area shape="rect" coords="243,543,903,602"
                          href="Antarctica/Antarctica.html" alt="Antarctica" title="Antarctica">
                  </map>
                </p>
            </td>
        </tr>
    </Table >
    <Table align="center"  width="1000" border="0" borderccolor="white" cellspacing="0" cellpadding="0"bordercolor="white">
        <tr>
          <td  align="center" valign="top">
            <a href="http://worldtrip.net46.net"
            onmouseover="Bildwechsel(0, Highlight1)"
            onmouseout="Bildwechsel(0, Normal1)"><img src="buttona1.jpg"
            width="500" height="80" border="0" alt="Home"></a><br>
          </td>
          <td  align="center" valign="top">
            <a href="http://worldtrip.net46.net/wordpress/index.php"
            onmouseover="Bildwechsel(1, Highlight2)"
            onmouseout="Bildwechsel(1, Normal2)"><img src="buttonb1.jpg"
            width="500" height="80" border="0" alt="blog"></a><br>
          </td>
        </tr>
    </Table>
</body>
</html>

*******************************************************

Wäre Toll wenn mir jemand den Trick verraten könnte denke das es nur ne kleinigkeit ist.
Vielen Dank schon vorab

  1. Hier mal die Seite:

    http://worldtrip.net46.net/

    bereinige die Fehler, und poste dann nochmals.
    Ich bin sicher, die Probleme gestalten sich danach anders.

    Ich bin übrigens ziemlich sicher, dass du einen HTML Doctype statt einen XHTML Doctype verwenden willst.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
  2. Hi,

    Das Problem ist... fährt man auf einen der Button verschwindet einfach das Bild der Weltkarte.
    Wenn ich das Bild rausnehme funktioniert der Bildwechsel des Button. ich habe keine ahnung an was das liegen kann.

    Daran, dass du nicht zählen kannst :-)

    Du gibst beim Funktionsaufruf an, dass du das nullte Bild wechseln willst - aber offenbar willst du das nicht.

    MfG ChrisB

    --
    “Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
  3. HI
    ich habe das jetzt hinbekommen, ist ja auch logisch.
    vielen dank