Inifinite Crawl Loop

[Nikos Xenakis]

This effect is great but how I could make it "non-interactive" ?

When I comment out the scrollTrigger property it just executes once.
If I set repeat:1 or autoplay or something like that, it just does the same thing all over again which is not what I want to achieve.
I would like a smooth infinite crawl effect with the ability to set the speed.
Also, it would be nice to leave no white "gap" when there are no more images left, and rather show all the images again.
Thanks in advance and congrats for the awesome library!

See the Pen BaogqYy by noeldelgado (@noeldelgado) on CodePen

[Rodrigo]

Hi @Nikos Xenakis,

 

First mention that you posted in the banner animation forums. Is that actually what you intended or this should go in the general GSAP forums? Please let us know so we can move the thread to the correct section of the forums.

 

Based on what you are describing maybe you're after the Horizontal Endless Loop Helper Function:

https://greensock.com/docs/v3/HelperFunctions#loop

 

Take a look at it and if you keep having issues let us know and remember to include a minimal demo that shows what you have already and what you're trying to do.

Happy Tweening!

[Nikos Xenakis]

Hi and thanks for your reply!
I wanted to ask for support. Many times I get stuck as I am now getting familiar with gsap in combination with JS. Where should I ask about that kind of topics from now on?

[Rodrigo]

Hi,

 

Just ask in the GSAP forums:

https://greensock.com/forums/forum/11-gsap/

 

Finally remember to include a minimal demo and thanks for being a Club GreenSock member and supporting GreenSock! 💚

 

Happy Tweening!