Help with Scroll Trigger and Image Animation.

[Ritu Gour]

Hello all, 

I am new with GSAP and need some help with my codes.

I need to create a carousal, with scroll, draggable and  auto play functionality. right now the images are rotating in a circle want it to look like coming from side of the window.

Need help with setting up scroll, draggable and auto play all together. 

 

Please help me in this.

Thanks in advance!!!

See the Pen gOBrRBv by RituGour (@RituGour) on CodePen

[GSAP Helper]

Howdy! I don't have a lot of time right now to dig into everything here, but I wanted to offer you some quick advice about how to get the most out of these forums...

 

Keep it simple. Don't list a bunch of requirements ("it should drag, spin, scroll, have inertia, come in from the side, ...." - that's too hard to follow). Just pick the very first thing and see if you can make that work. If you get stuck, post one question focused on that one piece, like "how can I get this to be draggable?" Keep your CodePen focused only on that one piece with as little code/markup as possible. Then once that's answered, move on to your next question/problem. 

 

Baby steps 😉

 

Before you know it, things will fall into place one at a time.

 

Again, try not to list out all the problems. Break them apart. You'll get a lot more people willing to help you if you keep things simple and clear. A well-crafted minimal demo is GOLD around here - you'll get people falling over themselves to help you if you make a CodePen that's super clear and isolates the ONE issue. Explain exactly how to reproduce the problem, like "try dragging and notice how it spins around the bottom instead of the side" for example.

 

Don't worry - this community has got your back when it comes to GSAP-specific questions. I just wanted to provide some pointers on how to help us help you.