Image Carousel / Slider in a page

  • 22 February 2017
  • 15 replies
  • 2691 views
gbox12

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

15 replies

Jess
Rank
Userlevel 7
Badge +1

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 🙂

Cheers

gbox12

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

Stefano
Userlevel 7
Badge +4

I am working on a solution 🙂

I should have a working script for you soon!

Rob
Userlevel 6

@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

M

Hi Rob

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

sahibjot_singh
Userlevel 2
Badge

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!!

Sahibjot Singh
N

Please, anyone knows how to remove that empty white space on the right side of the slider?

http://unbouncepages.com/unbounce-image-slider/

Thanks for any help.white-space
Raphael

S

Hi Jess,

The SLider is working for me, is it possible to show 3 sliders at one take? Something like as shown in the screenshot

26%20PM

E

Hi, sir. How to do this?

huong_giang_Nguyen

Hi Jess,

The SLider is working for me, is it possible to show 3 to 4 sliders at one take? Something like as shown in the screenshot

CFrame

sahibjot_singh
Userlevel 2
Badge

Hi,
I have recently seen the image slider link not working for Unbouncehacks website.

The site is moved to a new URL now: https://unbouncetips.com/image-slider-in-unbounce/

You will get same information on this website.

Thanks!!

Sahibjot Singh
bdp

The slider does not load the next picture, can someone help?

tijshensen

Not so long ago I made this script. It allows you to use the Unbounce builder to create the slides.

asifwebdev

Hlw, how to create this section slider?

S

Well, I am new to Unbounce. and i have mre then 10 years of development experience. i found it lots of simple things are missing in this.

I am working on a solution too. will shere here soon!

Reply


Terms & ConditionsCookie settings