Web Animations - Bildwechsler arbeitet nicht synchron

[Richard Rüfenacht]

Hallo Matthias

Wenn ich aniCombined als Wert einsetze, passt es im ersten Durchlauf.

Beim Auf- oder Zudecken eines Bilderstapels besteht das Problem, dass sich der erste Durchlauf praktisch immer von den nachfolgenden unterscheidet. Das ist so gewollt. Es wird nicht die erste Animation endlos wiederholt, sondern die zweite Animation startet mit den Einstellungen, die am Ende der ersten Animation vorliegen usw. Das ist ein entscheidender Unterschied zu Animationen, die z.B. mit Adobe-Animate auf einer Zeitleiste erstellt werden.

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

Mich fasziniert dein Vorgehen. (Es unterscheidet sich so grundlegend von meinem!) Unabhängig davon stellt sich mir aber die Frage: Warum verwendest du für dieses Beispiel die Web Animations API und nicht CSS? JavaScript ermöglicht Interaktionen, die der reinen CSS-Anwendung fehlen. In einem Beispiel, das die Möglichkeiten der Animations API aufzeigt, würde ich genau diese Interaktionen erwarten.

Mit besten Grüssen
Richard