How can I make Magic Slider work?

Hello all, and @magicmark

First of all, thanks a lot for sharing this wonderful resource :smiling_face:

I have a design for an interior designer that needs the before and after slider (see attached image) to show the transformation

I am not sure whether it’s because of how I embedded the CMS content which was wrong ( I embedded CMS content from the Sliders template in the Projects template), or how I embedded the custom code which is not correct ( I embedded the custom JS and CSS code in both Sliders and Projects template), and I also add the jQuery source code in the Site setting (not Page setting).

Anyone can shed some light on this? :face_with_monocle:

Thanks in advance! :slight_smile:


Here is the published link: https://daniela-castelbranca.webflow.io/project/skylight
Here is the read only link

You can see how this code works only after you publish the site. It won’t work in Preview mode.

1 Like

I published it but still didn’t see the result :neutral_face: