Infinite looping image animation

Design help Animations & Interactions
1

Hi - I’m working on an animation where images within a picture frame change after the page loads. I’ve gotten it to a good spot, but now can’t seem to figure out how to make the whole sequence loop infinitely. For now I’ve just added the first image on to the end so that it “resets” to the initial image.

I suspect I need to duplicate the whole sequence so that I can set the first set of images back to their initial position, but even with doing so I haven’t been able to get the Webflow “loop” to act accordingly.

Here is my public share link: LINK
And here’s the live page: LINK

Any advice or tips are greatly appreciated! Thanks in advance :slight_smile:

2

Hey @amandale
Here is an easier way to create and administer what you need:

2 Likes
3

@bro-design You’re a lifesaver! Definitely a better approach - thank you so much for the detailed video!

4

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.