Streaming live at 10am (PST)

How to create draggable slider on desktop

I recently create a page with full screen slider. I see that I can swipe to change slide on mobile device. But I don’t know how to change slide with dragging mouse like the slider on this page: http://canna.webflow.io/

I know the feature custom code. I just want to do like the page above but don’t know what custom code they use.

Anyone could help me? Thanks in advance.


Here is my public share link: https://preview.webflow.com/preview/nhans-portfolio-website?utm_source=nhans-portfolio-website&preview=c35682e1fc795a7cad0eb4871944375d

Webflow sliders can already be dragged to next slide on desktop.

Would you mind to check my site. I still can not drag to next slide. And I don’t know why :((. Thank you so much.

because you have a grid on top of the slider. slider doesn’t get mouse input.

1 Like

Oh. I got it. Thank you bro. :smiley:

how you do that? there is any tutorial? I tried with Swiper but i don’t know how to use it neither :grin:

@Fede_Cantarelli Do what? I already said Webflow sliders can already be dragged to the next slide. There isn’t anything special you need to do.

i need to achive exactly something like this
https://swiperjs.com/demos/150-freemode.html?fbclid=IwAR1VJpPCQYzh_4uzTNTgD2mDIhVF3cPbUYTX7pUPU278sS4kFE-YxzLsXXM

4 Likes

I can’t seem to drag-slide the slider anywhere. anybody with any new insights/fixes for this?