Before and After Slider (Drag) for Multiple Images in Slider

[Bonaindia (Benji de Onaindia)]

Hi guys ! First time question here and have no idea to expect but I’m excited to see what happens…

I’d like to be able to to create the effect you’ll find using this link, but for multiple images in a slider:

Before and After Slider ( drag )

Hi, I am somewhat new to Webflow (only made a couple of sites) but wanted to know how to produce a before/after slider. In my case: a van before and after a paintjob (it would essentially be two jpegs). Can anyone give me any pointers how I go about creating one or if it is indeed possible to make on in Webflow I would really appreciate it? I only have a little coding experience (hence I’m using Webflow) so please bear that in mind. Thanks [image]

Here is the desired design if it helps to visualize what I’m after :

Any ideas or any help from someone that’s done this before ?

Thanks so much !

Cheers,
Benji

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[mikeyevin]

Welcome to the community!

Have you experimented with including the code from the linked thread within a Slider Element? I haven’t tested this myself but I don’t see why it wouldn’t work so it’s worth giving a shot.

I’d imagine you’d get some iffy UX here with the two elements both allowing for clicking and dragging as an interaction, however you can disable swipe gestures to ensure that visitors can only change the slides by clicking the arrow icons.