Hi... hab schon gesucht aber nichts gefunden hier im board was mir weiterhilft...
Also folgendes:
das steht im header-bereich meiner html-datei
<div id='walker' style="visibility:visible;Position : Absolute ;Left : 800 ;Top : 50px ;Z-Index : 20;width:100px">
<img src="pics/walker/left01.gif" ID='walker_img'>
</div>
und das hier ist das javascript
(ich hab bezüglich js leider noch wenig Erfahrung)
var pic = 1;
var richtung = 'left';
var time;
function loslaufen()
{
window.clearTimeout(time);
var weiter = -1;
walker_img.src = 'pics/walker/'+richtung+'0'+pic+'.gif';
if(richtung == 'left') walk_left();
else walk_right();
function walk_left()
{
walker.style.pixelLeft-=6;
}
function walk_right()
{
walker.style.left+=6;
}
function warten()
{
walker_img.src = 'pics/walker/stand_'+richtung+'.gif';
time = window.setTimeout(\"loslaufen()\", 20000);
}
function umdrehen()
{
weiter++;
if(richtung == 'left')
{
if(weiter == 0) walker_img.src = 'pics/walker/stand_left.gif';
if(weiter == 1) walker_img.src = 'pics/walker/stand_down_left.gif';
if(weiter == 2) walker_img.src = 'pics/walker/stand_down.gif';
if(weiter == 3) walker_img.src = 'pics/walker/stand_down_right.gif';
if(weiter == 4) walker_img.src = 'pics/walker/stand_right.gif';
}
if(richtung == 'right')
{
if(weiter == 0) walker_img.src = 'pics/walker/stand_right.gif';
if(weiter == 1) walker_img.src = 'pics/walker/stand_down_right.gif';
if(weiter == 2) walker_img.src = 'pics/walker/stand_down.gif';
if(weiter == 3) walker_img.src = 'pics/walker/stand_down_left.gif';
if(weiter == 4) walker_img.src = 'pics/walker/stand_left.gif';
}
if(weiter == 4)
{
if(richtung == 'right') richtung = 'left';
if(richtung == 'left') richtung = 'right';
loslaufen();
}
time = window.setTimeout(\"umdrehen()\", 5000);
}
if(pic == 9)
{
pic = 1;
warten();
}
else pic++;
status = walker_img.src;
if(walker.style.pixelLeft <= 20 || walker.style.pixelLeft >= 800) umdrehen();
time = window.setTimeout(\"loslaufen()\", 300);
}
Alles anzeigen
Problem ist, das erstma alle setTimeout's nicht richtig funktionieren bis auf den ganz unten... :mad:
Und wenn ich oben nicht das hier hingeschrieben hätte: window.clearTimeout(time); , würde die Schleife kontinuierlich immer schneller abgearbeitet werden... ich hab fast das browserfenster nicht mehr aufgekriegt, so viel musste er da bearbeiten (extrem viele Bildwechsel in nur einer Sekunde nach ner Weile)...
Außerdem stimmt bei der Funktion umdrehen() etwas nicht... kann einer erkennen was? wenn die dann endlich aufgerufen wird, rutscht das pic aus meinem Sichtbereich (left < 0) und IE gibt nen Js-fehler aus (Fehler in Zeile 1, Element 1 oder so... k.A. was das soll)
Naja... ich bräucht da dann mal Hilfe. Wär schön wenn ihr die leisten könntet
Bis dann,
Argus