Layout that rotates through images

[Web Bae]

Hello,

 

I am trying to create a layout that infinitely swaps images between three different divs (main, thumb, and staging).

 

An example of what I am trying to create is here: https://cms-slides-2.webflow.io/

 

I wanted to see if I could build that animation using GSAP FLIP plugin but am having trouble getting my images to animate as seen in the codepen.io link.

 

I have attached a screenshot that displays the general flow.

 

Would appreciate any thoughts or recommendations or links to similar build in GSAP! Thank you!

 

 

See the Pen dymQoMB by learyjk (@learyjk) on CodePen

[GreenSock]

Maybe you meant to do this?

See the Pen JjLeKPo?editors=1010 by GreenSock (@GreenSock) on CodePen

[Web Bae]

1 hour ago, GreenSock said:

Maybe you meant to do this?

 

 

So fire. 🔥. Thank you so much. One other thing - is it possible to give the main image a delay so it waits until the thumb takes up its place as the main image? This way we can avoid the bit of white that shows off to the side?

 

Again thanks again for having a look. Really appreciate it.

 

EDIT - I was able to get it working after some fiddling. thanks again!

Edited August 16, 2022 by keeganleary
got it working