Creare animazione ad ogni scroll

[Joisberg]

Salve a tutti,
la mia idea è quella di creare un'animazione assegnando l'SRC ad un'immagine tramite javascript:

<imgsrc=""id="walk"/>

var imageArr =["img/walk1.png","img/walk2.png","img/walk3.png","img/walk4.png"];

        function animate(){
            windowScrollCount = $(this).scrollTop();
            animationFrame =(windowScrollCount /8);
            animationFrame =Math.floor(animationFrame % imageArr.length);
            $('#walk').attr("src", imageArr[animationFrame]);
        }

Dato l'array imgArr che contiene tutte le immagini necessarie, voglio fare in modo che ad ogni "scroll", faccia una semplice animazione del tipo:

SCROLL -->[img1, img2, img3, img4, img1]. Ovvero che faccia un ciclo completo e poi ricominci da 1.
Non deve essere una cosa continua, ma come se allo scroll, richiami la funzione (facendo 1,2,3,4,1).

Il codice da me scritto esegue un ciclo come:
SCROLL -->[img1, img2, img3] oppure SCROLL -->[img1, img2]

Questo cambia in base a quanto scrollo la pagina.
Spero che qualcuno abbia qualche idea