Animation von Graphik funktioniert nicht

Corraggiouno

meine html-datei:

HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/jakistart.css">
    <script language="JavaScript" type="text/javascript">
     var i=0;
     function bildmove() {
     if (i<=500) 
     {
     i++;
     }
     if (document.getElementById) {
     document.getElementById("hahn").style.left=800-i; 
     }
     if (document.all) {
     document.all["hahn"].style.pixelLeft=800-i;
     }
     if (document.layers) {
     document.layers["hahn"].left=800-i;
     }
     setTimeout("bildmove()",1);
     }
     </script>
  </head>

  <body onLoad="bildmove()">
    <div id="ebene1">
     [img]img/hahn.jpg[/img]
    </div>
  </body>
</html>

Alles anzeigen

meine css-datei:

Code

#ebene1
{
 position:absolute;
 top:50px;
 right:160px;
}

Wenn ich nun - im firefox 2.0.0.6 - meine Animation starten möchte, bewegt sich meine Graphik nicht? Die Graphik bleibt an der gleichen Stelle!
Kann mir da jemand weiterhelfen?

Boman

Ein Problem an deinem Code könnte sein, dass du kein Objekt mit der id "hahn" in deinem Document hast.
Ein zweites Problem könnte die Zeit sein, du rufst die Funktion ja aller 1 ms auf. Und es werden 500 'Bewegungen' getätigt, das ergibt glaube ich eine halbe-Sekunde-Animation. Vielleicht ist das ja schon so schnell, dass man es nicht mehr verfolgen kann.

MfG Boman.

Tags