dreiteilige Bewegung mit Richtungsänderung in Javascript

html.de-Forum JavaScript
1

Hallo zusammen!

Ich stehe mal wieder vor einem Problem. Ich will mäxchen von a nach b wandern lassen wobei sie zuerst wo rauf, dann gerade aus und dann wieder runter gehen sollen. Das bewegen funktioniert schon sehr gut, nur leider nur in eine Richtung. Ich hab mir gedacht ich könnte es mit setTimeout() lösen, aber leider klappt das nicht. Hier mal mein code:

[HTML]

@import "website.css"; [/HTML]

Hier könnt ihr auch noch sehen, wie es ausschaut:
Link

Ich weiß der code is schon ziemlich gewachsen, aber ich hoffe ihr könnt noch den Überblick behalten. Ich denke hier liegt der Fehler:

[HTML]function startmoove(obj,startx,y,endx,endy,stufe) {

X=(ns||DOM)?window.innerWidth:window.document.body.clientWidth;

//rauf
moove(obj,Xstartx/100,y+50,(Xstartx/100)-100,endy,stufe/8,0);
//mitte
seTimeout(‚moove(‘+obj+‚,‘+(Xstartx/100)-50+‚,‘+y+‚,‘+(Xendx/100)+50+‚,‘+endy+‚,‘+6stufe/8+‚,‘+0+‚)‘,(stufe/8)+1);
//runter
seTimeout(‚moove(‘+obj+‚,‘+(Xendx/100)+50+‚,‘+y+‚,‘+Xendx/100+‚,‘+endy+50+‚,‘+stufe/8+‚,‘+1+‚)‘,(7stufe/8)+1);
} [/HTML]

Ich kann aber leider nicht sagen was genau falsch ist :S

Bitte um Hilfe, schön langsam verzweifel ich an Javascript

Lg Johannski

2

Also für Animationen bieten sich frameworks sehr gut an.
Beispielsweise jQuery: The Write Less, Do More, JavaScript Library oder script.aculo.us - web 2.0 javascript . Damit lassen sich animationen sehr leicht erstellen.
Als Beispiel für eine Animation eines Bilds ist hier mal ein Beispiel in jquery.
[php]

</head>
<body>
    <img src="bild.jpg" id="bild" />
</body>

[/php]

ich hab jetzt nur mal die wichtigsten parts genommen. Die 2000 ist die Dauer, die das Bild für die Animation braucht.
Hier die genaue Dokumentation:
.animate() – jQuery API

3

Mhm, klingt sehr interessant, danke, ich werd mich mal einlesen :slight_smile:

4

Vielen Dank Gilles, hab mich jetzt längere Zeit mit JQuery befasst und es war genau das richtige, was ich gesucht habe. Hier das Resultat in meiner Website, soferns dich interessiert: johannesdeml.com