Elemente mit selber Class NACHEINANDER selektieren

[KireSchattenhaar]

Hallo ihr Lieben,
mich beschäftigt gerade folgendes Thema: Ich habe mehrere Bilder mit der selben Klasse (sagen wir mal .test) und ich habe auf diese Bilder eine CSS - Animation gelegt, diese wird via JS beim Start der Seite genau einmal ausgelöst. Soweit alles fein, aber ich hätte es jetzt gern, dass die Bilder NACHEINANDER ausgelöst werden, das muss doch irgendwie und hoffentlich möglichst einfach umsetzbar sein,oder?

Im Beispiel: erst wird die Ani vom ersten Bild ausgelöst, dann die vom 2., dann die vom 3. und so weiter.

 

[KireSchattenhaar]

...okay, ich habs dann doch rausbekommen, war sogar recht simpel:

$.each($('.class_object'), function(i, el){
    
    setTimeout(function(){
       $(el).addClass('animation');;
    },200 + ( i * 200 ));
    
});