Image Carousel / Slider in a page


#1

Hi,
To be quite honest I am a bit upset, I am trying to embed a responsive slider into one of my unbounce pages and it does not work.

I tried http://unslider.com/

Thanks


#2

Hey there!

Sorry to hear you’re having a tough time with the image slider.

We released a post in Tips and Scripts that walks you through implementing an image carousel using a box widget into your landing pages.

https://community.unbounce.com/t/add-a-carousel-using-a-box-widget/4555

Let me know how it goes :slight_smile:

Cheers


#3

Can not manage with the buttons, I think I will search for another solution,


#4

I am working on a solution :slight_smile:

I should have a working script for you soon!


#5

@gbox12 There’s a version of the above script that will work with buttons on click as well. It’s not a “slider” per se, as the fade effect is used. But the setup for use on click is fairly straight forward. It’s the same implementation (place the items to cycle through in a box), you’ll just need to add two buttons to cycle through and add the IDs for the buttons to the script.

Make sure not to also nest the buttons in the box though, as they will be hidden and treated like the other elements to cycle through. You can find the alternate script for use with buttons here – https://gist.github.com/RobertCam/e50e0223ff348d1db3947b18789caa80