Mobile swipe gestures on custom slider

Design help Animations & Interactions
1

Hey guys,

I’m working on a custom CMS Slider and I’d like to add swipe gesture on mobile.

Here’s my share-link:

https://preview.webflow.com/preview/title-mag?utm_medium=preview_link&utm_source=dashboard&utm_content=title-mag&preview=e2e0ad7191415f2c5fa4a54e8b9bdb83&mode=preview

Any idea how to achieve this? Thanks so much in advance!
Best,
Jens

Here is my public share link: LINK
(how to access public share link)

2

You should know javascript.

No api methods for webflow slider - next - Prev - i think the best idea on “swipe left/right” simulate click on webflow “prev/next” arrow.
https://stackoverflow.com/questions/5811122/how-to-trigger-a-click-on-a-link-using-jquery

Famous libary related (for simple swipe you can live without hammer js):

The idea ±:
https://stackoverflow.com/questions/21349984/how-to-make-bootstrap-carousel-slider-use-mobile-left-right-swipe

By the way, add this idea to webflow wishlist.

1 Like
3

@Siton_Systems very cool concepts in that documentation, thanks for sharing!