Carousel with Modifiers plugin

[jollygreen]

I'm trying to move the carousel to the left 50px and pause 1 second in an infinite loop, but the carousel doesn't move.  In addition, how can I add a margin of 10 px to each box?  I'd greatly appreciate your help.

See the Pen WNPyOPG by jollygreen10 (@jollygreen10) on CodePen

[Toso]

try this one, all that you need and more

 

https://gsap.com/docs/v3/HelperFunctions/helpers/seamlessLoop/

 

read the comments in the code carefully it will help you  a lot

[jollygreen]

@Toso - I was not able to loop the carousel indefinitely with a pause on each box when utilizing the function. If you have any additional insights or guidance on this matter, I would greatly appreciate your help.

[GreenSock]

This is beyond the kind of custom logic help we typically provide in these forums for free, but maybe this will help: 

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

 

I added 10px of margin between the boxes, implemented the horizontalLoop() helper function, auto-advance every 1 second, and pause inbetween.

 

I hope that gets you going in the right direction. 

[jollygreen]

@GreenSock - Thank you very much!  I greatly appreciate it.