A dynamic before and after slider!

[innes]

share link to img slider testing page where I tested 2 codes:
https://preview.webflow.com/preview/twenty-twenty-image-slider?utm_source=twenty-twenty-image-slider&preview=fffd802a8200aba5ab05d065a3ec17c5

I olsow made it clonable so you can see all the code:
https://webflow.com/website/twenty-twenty-image-slider

[innes]

I found a solution. it is probably not the best one but it works. On all browsers and for dynamic content… I only hate the styling so I will work on that but here is the link. It is a different code. I could not solve it with the twenty-twenty code.

here you see a result:
https://besa-ag.webflow.io/verzameling-projecten/villa

and here you can find the code:

danny-test-2 - Webflow

[Jesse_Shauffer]

Your share link doesn’t seem to work like your BESA AG project. Can you share your project or make something cloneabke that works please?

[inswav]

I am trying to embed some text along with the images, but the slider always shows the text, regardless of where the slider is positioned.

Some Green Text <img src='green image> </div> <pre><code> <div class = "purple side"> Some Purple Text <img src='purple image> </div>

While the images slide and cover each other up, the current solution aways shows the Green Text and the Purple text divs.

Anyone know how to edit so the text bock is covered up too?

[damse (Kasper Dam)]

What an awesome contribution.

Would this work with 3 layer solution like this:

[Kennmike (Mike Kenny)]

Hi anybody been able to get this before and after widget working smoothly with the CMS and dynamic pages?

I’d pay someone for their time if they have figured it out.

THanks

[ashley-rose (Ash)]

For anyone still looking for a solution, I posted a separate topic and turns out it just needs a space in between the 2 curly brackets! The slider is now working on a CMS page

Custom code displaying error on CMS template page

Hi, I’m hoping someone can help me. I’ve used this before-after slider on static pages without any issues: https://webflow.com/website/magicslider But for some reason, when I try to add it to a CMS template page, some of the code is highlighted red and the slider isn’t working. Do you know what the error is? Thanks in advance for your help! I was testing the slider on the “Sliders Template” CMS page, and this is where the error is appearing. [Screen Shot 2021-03-29 at 9.35.03…

[bermuda1 (bermuda)]

hello there, i doesn’t work for me! can u explain me what i have to do? i copy and paste it but nothing comes to new porject.

[maxdube (Maxime)]

Is there any way to change the text of the “Before” and “After” labels?