Problem mit Java Script

[killerbees19]

Hallo,
ich verwende für meine Homepage ein Java Script, dass folgendes bewirkt: Beim Mouseover auf ein Bild in der Navigation lädt es ein zweites Bild nach. Eigentlich ein schöner und sehr bekannter Effekt. Nun habe ich aber ein paar Probleme, zuerst einmal der Quellcode des Scriptes, das im HEADER-Bereich meines Quelltextes steht:

Code: Alles auswählen

<script language="JavaScript">
    <!--
    startseite = new Image();
    startseite.src = "<?php echo $root ?>images/startseite.gif";
    startseiteg = new Image();
    startseiteg.src = "<?php echo $root ?>images/startseite-g.gif";
    
    news = new Image();
    news.src = "<?php echo $root ?>images/news.gif";
    newsg = new Image();
    newsg.src = "<?php echo $root ?>images/news-g.gif";
    
    archiv = new Image();
    archiv.src = "<?php echo $root ?>images/archiv.gif";
    archivg = new Image();
    archivg.src = "<?php echo $root ?>images/archiv-g.gif";
    
    forum = new Image();
    forum.src = "<?php echo $root ?>images/forum.gif";
    forumg = new Image();
    forumg.src = "<?php echo $root ?>images/forum-g.gif";
    
    fotos = new Image();
    fotos.src = "<?php echo $root ?>images/fotos.gif";
    fotosg = new Image();
    fotosg.src = "<?php echo $root ?>images/fotos-g.gif";
    
    fun = new Image();
    fun.src = "<?php echo $root ?>images/fun.gif";
    fung = new Image();
    fung.src = "<?php echo $root ?>images/fun-g.gif";
    
    downloads = new Image();
    downloads.src = "<?php echo $root ?>images/downloads.gif";
    downloadsg = new Image();
    downloadsg.src = "<?php echo $root ?>images/downloads-g.gif";
    
    buch = new Image();
    buch.src = "<?php echo $root ?>images/buch.gif";
    buchg = new Image();
    buchg.src = "<?php echo $root ?>images/buch-g.gif";
    
    kontakt = new Image();
    kontakt.src = "<?php echo $root ?>images/kontakt.gif";
    kontaktg = new Image();
    kontaktg.src = "<?php echo $root ?>images/kontakt-g.gif";
  
  imp = new Image();
    imp.src = "<?php echo $root ?>images/imp.gif";
    impg = new Image();
    impg.src = "<?php echo $root ?>images/imp-g.gif";
    
    history = new Image();
    history.src = "<?php echo $root ?>images/history.gif";
    historyg = new Image();
    historyg.src = "<?php echo $root ?>images/history-g.gif";

   function WechsleBild (Von,Nach)
     { var Bildnr = 0;
       while ((window.document.images[Bildnr].src != Von.src) &&
              (window.document.images[Bildnr].src != Nach.src))
                { Bildnr = Bildnr + 1 };
       window.document.images[Bildnr].src = Nach.src;  }
  //-->
        </script>

Hier der Problemcode:

Code: Alles auswählen

<a title ="History" href="<?php echo $root ?>history/index.php">
            <img border="0" src="<?php echo $root ?>images/history.gif" onMouseOver="WechsleBild(history,historyg)" onMouseOut="WechsleBild(historyg,history)" alt="History" width="120" height="25"></a>

Wie man sieht verwende ich auch PHP-Befehle, dass spielt aber keine Rolle.
Bisher funktionierte das Script immer ohne Probleme. Nun habe ich jedoch ein 11. Bild eingefügt und es funktioniert nicht mehr. Nur im Opera wird es noch angezeigt, im IE, Firefox und Netscape findet der Rollovereffekt nicht mehr statt.

was kann schuld sein? Alle anderen Bilder, die oberhalb sind funktionieren noch einwandfrei! Bitte um Hilfe!


MfG Christian

[killerbees19]

Problem gelöst, ich habe eben erfahren, dass "history" ein reservierter Begriff in JS ist.


MfG Christian