image change loop in timeLineMax

[im PARK]

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/

[mvaneijgen]

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

 

 

 

[im PARK]

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 😃