Infinite marquee animation on image gallery

[Black Ducas]

Hi

I'm trying to create an infinite marquee animation on images, similar to the one you could see on this site

It seems that ModifiersPlugin is the way. You can see here my code:

but it doesn't work as expected and I don't get where I'm wrong, any helps?

See the Pen wvPBEaz by gooogooo (@gooogooo) on CodePen

[OSUblake]

Hi @Black Ducas

 

It's going to much easier if you absolutely position those elements and then use x to set their position. Notice how it is done in this demo.

 

See the Pen QEdpLe by GreenSock (@GreenSock) on CodePen

 

Otherwise, you're going to have to take into account a bunch of other calculations to figure out the loop, like with this one.

 

See the Pen ZELPxWW by GreenSock (@GreenSock) on CodePen

 

[Dooshan]

How to change movement direction of this pen?

See the Pen dyKMNNo by stdusan (@stdusan) on CodePen

[Rodrigo]

Hi,

 

Is better to use the Endless Loop helper function crafted by @GreenSock and just toggle the direction using the returned timeline's Time Scale property:

See the Pen ZERWKaX by GreenSock (@GreenSock) on CodePen

 

Let us know if you have more questions.

 

Happy Tweening!

[GreenSock]

I definitely agree with @Rodrigo about using the much more capable helper function, but here's a fork of the CodePen you posted originally with it going the opposite direction: 

See the Pen PoaNjPb?editors=1010 by GreenSock (@GreenSock) on CodePen