Animation: Änderung am zIndex

Hallo,
da ich nun schon ein ganzes Weilchen vor diesem Problem sitze frag ich nun hier nach. Ich will eine einfache Animation für einen einarmigen Banditen realisieren, indem ich den zIndex der verschiedenen Schichten nacheinander hoch setze. Dafür hab ich auch schon ein Script geschrieben das dies theoretisch erledigen sollte, aber leider nur theoretisch. Fehlermeldungen in der Konsole von Chrome gibt es nicht.
Nun zur Javascript Datei:

var aa, bb, cc;  
  
for(var i=0;i<9;i++)  
{  
         document.images[i].style.position="absolute";  
}  
  
document.images[0].style.left="150px";  
document.images[0].style.right="50px";  
document.images[3].style.left="150px";  
document.images[3].style.right="50px";  
document.images[6].style.left="150px";  
document.images[6].style.right="50px";  
  
document.images[1].style.left="450px";  
document.images[1].style.right="50px";  
document.images[4].style.left="450px";  
document.images[4].style.right="50px";  
document.images[7].style.left="450px";  
document.images[7].style.right="50px";  
  
document.images[2].style.left="750px";  
document.images[2].style.right="50px";  
document.images[5].style.left="750px";  
document.images[5].style.right="50px";  
document.images[8].style.left="750px";  
document.images[8].style.right="50px";  
  
drehen();  
  
function drehen()  
{  
         var a1=0;  
         var b1=1;  
         var c1=2;  
  
         aa=0;  
         bb=1;  
         cc=2;  
  
         var a3=0;  
         var b3=1;  
         var c3=2;  
  
         var i=0;  
  
         //var animation1= window.setInterval("animieren1()", 100);  
         var animation2= window.setInterval("animieren2()", 100);  
         //var animation3= window.setInterval("animieren3()", 100);  
}  
  
function animieren1()  
{  
         if(a1==3)  
         {  
                 a=0;  
         }  
         if(b1==3)  
         {  
                 b=0;  
         }  
         if(c1==3)  
         {  
                 c=0;  
         }  
         document.images[a1].style.zIndex="1";  
         document.images[b1].style.zIndex="2";  
         document.images[c1].style.zIndex="3";  
  
         /*document.images[a+1].style.zIndex="3";  
         document.images[b+1].style.zIndex="2";  
         document.images[c+1].style.zIndex="1";  
  
         document.images[a+2].style.zIndex="3";  
         document.images[b+2].style.zIndex="2";  
         document.images[c+2].style.zIndex="1";*/  
  
  
         ++a; ++b; ++c; ++i;  
  
         if(i==34)  
         {  
                 window.clearInterval(animation);  
         }  
}  
  
function animieren2()  
{  
         if(aa==3)  
         {  
                 a=0;  
         }  
         if(bb==3)  
         {  
                 b=0;  
         }  
         if(cc==3)  
         {  
                 c=0;  
         }  
         document.images[1].style.zIndex='"'+aa+'"';  
  
         document.images[3].style.zIndex='"'+bb+'"';  
  
         document.images[6].style.zIndex='"'+cc+'"';  
  
  
         ++aa; ++bb; ++cc; ++i;  
  
         if(i==34)  
         {  
                 window.clearInterval(animation2);  
         }  
}

Dieser Code wird von folgender PHP Seite aufgerufen:

<?php  
         session_start();  
         $geld=$_SESSION["Geld"];  
         $name=$_SESSION["Name"];  
         session_destroy();  
  
         echo $geld;  
  
         echo "<img src='./bilder/melone.gif' name='melone1'>";  
         echo "<img src='./bilder/melone.gif' name='melone2'>";  
         echo "<img src='./bilder/melone.gif' name='melone3'>";  
  
         echo "<img src='./bilder/bar.gif' name='bar1'>";  
         echo "<img src='./bilder/bar.gif' name='bar2'>";  
         echo "<img src='./bilder/bar.gif' name='bar3'>";  
  
         echo "<img src='./bilder/traube.gif' name='traube1'>";  
         echo "<img src='./bilder/traube.gif' name='traube2'>";  
         echo "<img src='./bilder/traube.gif' name='traube3'>";  
  
         printf("<script language='JavaScript' src='game.js'></script>");  
?>

Die Sessions kommen von einer vorherigen Seite die aber sehr wahrscheinlich nicht von Bedeutung ist, wenn doch kann ich ihn natürlich auch Senden.

  1. Ich habe gerade gemerkt das mit diesem Text eine Fehlermeldung am ende der Animation kommt diese kann man aber leicht beheben indem man einfach bei(ganz am Anfang)
    var aa, bb, cc;
    durch diese ersetzt:
    var aa, bb, cc, animation2;
    Leider ist dies nicht die Ursache des Problems.

  2. Hi,

    document.images[1].style.zIndex='"'+aa+'"';

    Was wollen denn die doppelten Anführungszeichen hier?

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    1. Hi,

      document.images[1].style.zIndex='"'+aa+'"';

      Was wollen denn die doppelten Anführungszeichen hier?

      MfG ChrisB

      Da auf der Seite auf der ich das gelernt habe diese Anführungszeichen dabei waren, dort standen nur Zahlen, und ich auf Fehler suche war habe ich es einfach mal reingemacht.

      1. Hi,

        document.images[1].style.zIndex='"'+aa+'"';

        Was wollen denn die doppelten Anführungszeichen hier?

        MfG ChrisB

        Anscheinend doch ein Fehler ohne funktioniert es wenigstens einmal, obwohl das ja auch noch nicht ganz richtig ist. Trotzdem Danke!