Jump to content
Search Community

Layout that rotates through images

Web Bae test
Moderator Tag

Go to solution Solved by GreenSock,

Recommended Posts



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!



Screen Shot 2022-08-15 at 1.19.01 PM.jpg

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

Link to comment
Share on other sites

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 by keeganleary
got it working
  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...