Hey @Zach_Moss Sorry I missed your original post here! I’ve had a look at the page and I think the error with the accordion code is being caused by a conflict in the different versions of jQuery being called in on the page. The accordion script is part of the jQuery UI and s using core 1.12.4, the carousel script is using 2.2.4 and the builder jQuery is also being applied (1.4.2). Based on the console error it looks like the accordion() function isn’t supported in the later version of jQuery used with this community code.

My best advice would be to remove the CDN link for 2.2.4. The carousel script should work on 1.12.4.

To be honest I didn’t design this script with mobile in mind so I didn’t include a way to touch swipe on mobile devices unfortunately. I may be able to work this into an update in the future, although I don’t have an immediate solution for mobile swipe at the moment I’m afraid.

A third part carousel/ image slider may be able to achieve this though. I’ve recommended https://flickity.metafizzy.co/ in the past, although this will take some custom setup.

Apologies I don’t have a full mobile solution for what you’re after. If I do manage to find the time to build this in though I will post here about it and let you know!

thanks guys a lot for your really helpful replies, i really appreciate it very much. i curently must stay home searching for hgh reviewer because of my health issues. but in the meantime. i see there are some very good experts in here who can really help. with this in mind, can you people help me if i would have some [How to] questions as well? please? thanks again, found some really useful for me answers here by the way.

Hi @Dave_Denver You’ll need to use a different version of jQuery than what’s included in the page builder for Unbounce. In order to do this you’ll need to copy/ paste the link for the newer version into the head of the page.

is it possible to download the template, its gone.

Hi @n_u_jordanov it looks like you’ve got the auto cycle version of the script combined with the on click version? You’ll want to choose one or the other to avoid this.

The auto cycle version can be found here: https://gist.github.com/RobertCam/c4742be4edb082b09fc23e98bfa6db1c

The on click version can be found here:

Hope this helps!

So there isn’t any way to have the autocycle, pause it when a user clicks and resume it after that?

Hey Rob! Any chance you could share this template? Looks like it’s private. Thanks!

Hi again @Rob,
Managed to sort it out. Buttons needed to be ‘outside’ the box.

Hi @Enrique_Pinedo,
We had the same issue. There is a slight error in the code. You just need to change:
function cycleTimeLeft() {
cycleRight(allEls, time);
(left).off('click'); setTimeout(function() { (left).on(‘click’, cycleTimeLeft);
}, time*3);

to

function cycleTimeLeft() {
cycleLeft(allEls, time);
(left).off('click'); setTimeout(function() { (left).on(‘click’, cycleTimeLeft);
}, time*3);

Cheers

Hi @Rob,
This code is awesome and I’ve used it on almost all of my pages. I’m currently having an issue with the script not executing properly on one of my pages. I’m using it multiple times on the page to open up an image gallery. If you have any idea what could be causing the script to not execute properly and a possible solution that would be awesome! The site I’m having issues with is https://www.abbyy-finereader.com/ in the “What’s New?” and “Why FineReader?” sections.

Nevermind I had 2 conflicting javascript codes - removed one and it corrected the error!

HI @Adtrak! Glad you found some use in this workaround 🙂

You can get more than one image showing at a time by nesting them all in a box widget and then nesting that box into the box being turned into the carousel by the code (#boxception).