How to create a draggable slider

[Laurie]

Hey,

 

I saw this post about the conception draggable slider using GSAP.

I search for a tutorial to make this type of slider for hours, but I don't find it.

So, I'm wondering if someone knows a good tutorial to create this.

 

Thanks a lot,

 

Laurie

See the Pen GebNVz by cedi44 (@cedi44) on CodePen.

[ZachSaucier]

Hey Laurie.

 

3 hours ago, Laurie said:

I search for a tutorial to make this type of slider for hours, but I don't find it.

So, I'm wondering if someone knows a good tutorial to create this.

So you are wanting someone to explain the code of this pen? What specific questions do you have?

[Alyssan]

hey 

i'm new to this stuff 

i really want to learn how to do the draggable slider

i think it gonna be useful in my school's project 

thanks in advance

[ZachSaucier]

I think you should start out with the basics of GSAP. We have a great getting started article:

 

Then you can read about Draggable in the Draggable docs. After you've done both of those (and learned from any linked pages that you see that may be relevant), try taking a look at the code in the demo above. If you have specific questions, feel free to ask them here.