Jump to content
GreenSock

im PARK

image change loop in timeLineMax

Go to solution Solved by mvaneijgen,

Recommended Posts

Hi there!

I have a question to TimelineMax for loop.

I made three images to fade-in.

But The last image disappears and the loop begins again.

I want to connect the fade-in fade-out naturally. 

Any help or guidance is welcome.

Thanks 🙇🏻‍♂️

 

This is my demo code.

https://jsfiddle.net/rwahefnz/

Link to comment
Share on other sites

  • Solution

Hi @im PARK welcome to the forum!

 

I would strongly recommend updating to the new syntax of GSAP, much easier to read and write! JSFiddle gave me some problems, so I moved your code to Codepen.io. And here is an migration guide if you need to reference it.

 

 

See the Pen PoRgajy by mvaneijgen (@mvaneijgen) on CodePen

 

For seamless loops check out this awesome video from @Carl . This is a really smart way of handling it. 

 

See the Pen ExVEOPa by snorkltv (@snorkltv) on CodePen

 

 

 

  • Like 1
  • Thanks 2
Link to comment
Share on other sites

  • 2 weeks later...

thank you @mvaneijgen ! 

I was surprised by the quick answer.
I checked the example you sent me and applied it to the project.  

Thanks for your answer 😃

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