GSAP horizontal carousel where the infinite part is not working

[Caspert]

Hi,

 

I am trying to create an infinite horizontal carousel, but the infinite part is not working. 

The three slides are cloned one time and after the 6 slide it stops.

 

So what I am trying to create is the following. A horizontal carousel slider where the items are full width. 

When scrolling down or up, the slider moves to the left or right and snaps into place. The missing part is the infinite slider, where it will scroll infinite, if this can be an optional thing to add, it would be nice.

 

Here you can find my Codepen. If someone have a better solution or example, please let me know. It will help me a lot.

 

Casper

 

 

See the Pen jOJzKby by Caspert (@Caspert) on CodePen

[Cassie]

Hi there, there's not any working GSAP animation in this pen so I'm not very clear on what you're trying to attempt.

I would suggest taking a look at the seamless loop helper function though, that's usually a good starting point!

 

(apologies, it looks like codepen is having server issues so the demos aren't loading currently)

 

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