Web Animations - Bildwechsler arbeitet nicht synchron

[Matthias Scharwies]

Servus!

Hallo Matthias

Habt ihr irgendeine Idee, was ich machen könnte?

Ein Fehler ist mir direkt aufgefallen: Der Wert von duration: aniDur, ist nicht korrekt. Der müsste im Beispiel 12 sec betragen, bzw. mit der Anzahl Bilder multipliziert werden.

Danke für den Tipp! Ich hatte dur als Nettowert verstanden für die Dauer zwischen den keyframes, in der spec steht dies als "active interval". Wenn ich aniCombined als Wert einsetze, passt es im ersten Durchlauf.

Ich versuche mich noch mal an der darauf aufbauenden Formel, vor allem werde ich die nötigen Werte direkt mit children[index] verknüpfen.

Was mich (ver)zweifeln lässt - spätestens nach dem dritten Durchlauf (mit 12.000 schon nach dem zweiten) blenden alle Bilder gleichzeitig auf, d.h. weder hintereinander noch mit 12.000 Intervall.

Hier muss ich evtl. das Animation-Objekt in ein keyframe und ein individuelles Timing Object aufsplitten:

var effect = new KeyframeEffect(elem, { opacity: 0 }, 2000);
var animation = new Animation(effect, elem.ownerDocument.timeline);
animation.play();

w3c: dom-animatable-animate

Herzliche Grüße

Matthias Scharwies