Verstical Card Slider with Buttons and loop

[Mlnto]

Hello,

 

i try to add a previous and next button to the slides.
So far i have this code, which works nearly like it should, but if I the direction is to the top and I click on the "prev" buttons, all the slides jumps over the page to a new direction, and then it works.

Is it possible, to just reverse the function on click and the other way round?

See the Pen mdxaGGz by Mlnto (@Mlnto) on CodePen

[Cassie]

Hey there, these sort of things are tricky.

 

Restructuring this a bit is probably the way to go - You could probably learn a bunch from this demo and the following thread - 

 

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

 

 

[Cassie]

I'm not really certain how to make the animation play and also have next and previous buttons. I'd have to dig in a bit more and unfortunately I don't have the time to do that right now. I hope these links help give a little bit of a nudge in the right direction though. Maybe someone else can jump in with more direct guidance. 💚

[Mlnto]

Many thanks for your reply, but this doesn`t help. Perhaps someone else has an idea?

 

[GSAP Helper]

That demo and the linked thread are probably the most expert guidance on how to manage infinite carousels that you're likely to find around here.

 

If you've delved into them and it's not helping it may be an idea to post in the "Jobs & Freelance" forum for paid consulting?