Auto Infinite Scroll Image Gallery

[shMattyP93 4 Likes (Newbie)]

Attached is the layout in which I would like to animate. There is a gallery of 8 images where only 4 are displayed at a time, but I'm using the extra 4 to create and infinite scrolling effect. I'm not exactly sure where to start with this as I've tried other ways that I have found in the Forums here but haven't had any luck. 

 

Here is what I would like to do, but with images.

See the Pen dyVKvKj by akapowl (@akapowl) on CodePen

 

Thank you in advance for your assistance!

See the Pen qBYaEjg by MattyP93 (@MattyP93) on CodePen

[GreenSock 17,880 Likes (Superhero)]

Normally we don't build it for you, but this was pretty straightforward and I wanted to help you out: 

See the Pen NWMRwwZ?editors=0010 by GreenSock (@GreenSock) on CodePen

 

It's using Observer so you don't even need ScrollTrigger or pinning - it's just listening for wheel/scroll/touch events. 

 

I also smoothed out the transition so that it didn't just suddenly jerk in the opposite direction. 👍

 

I hope that helps.