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


#6

Hi Rob

Is it possible to make the slider only go left or right, and not 360 back to the first image?


#8

Hi All,
I have been able to find a website where the code is given to add an image slider in the page with next and previous buttons. All the code is available on the site and steps given to add the slider on the page.

URL: https://unbouncehacks.com/image-slider-in-unbounce/

You will find it useful.

Thanks!!