Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Nwekar

Infinitely repeat fading sequence of images

Go to solution Solved by GreenSock,

Recommended Posts

  • Solution

That's just a logic problem due to the fact that after you fade the last image up, you're having the timeline just replay from the start, thus there's no fading of the last image to the first one. What's tricky is that you must factor in the stacking order of things, so you can't just fade the first one in again at the end, since the last one will be sitting on TOP of it, making it impossible to see the first image fading back in. 

 

Here's one approach: 

See the Pen KKyvxEm?editors=0010 by GreenSock (@GreenSock) on CodePen

 

I'm just using staggers and then handling the final transition in a custom way. This code allows you to add as many images as you want and it'll all "just work" instead of writing a new tween for each and every image. 

 

Does that clear things up? 

  • Like 3
Link to comment
Share on other sites

You solved my logic problem Thank you so much , I really appreciate it!

❤️

Link to comment
Share on other sites

  • GreenSock changed the title to Infinitely repeat fading sequence of images

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.
×