Positionen in einem Array

[molily]

Hallo,

mal ein Beispiel:

http://jsfiddle.net/2ZbJJ/1/

Hier wird die Animation per Transitions durchgeführt. Mit JavaScript wird der nächste Punkt gesetzt, sodass der Browser animiert. Mit dem transitionEnd-Event wartet man auf das Ende der Transition und startet die nächste Transition. Die Punkte befinden sich in einem Array.

Falls Transitions nicht unterstützt werden, kann eine JavaScript-Lösung verwendet werden. Z.B. jQuery oder kleinere Animations-Bibliotheken wie Morpheus.

Im Moment kämpfe ich gerade noch mit der Übergabe der Koordinaten per Javascript an das CSS.

Das geht über element.style.eigenschaft = 'wert';

http://de.selfhtml.org/javascript/objekte/style.htm
http://molily.de/js/css.html#style-objekt

Mathias