Also can’t get it to work… Here’s my setup:

url: www.roekoo.nl/o.html
carousel box: lp-pom-box-306 (tried both with and without ‘#’ in front of it in the code)

And the scripts:

Script Name: jQuery
Placement: Head

<script
  src="https://code.jquery.com/jquery-2.2.4.min.js"
  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
  crossorigin="anonymous"></script>

Script Name: Autocycle elements
Placement: after body end tag

<script>
/*
Unbounce Community :: Tips & Scripts :: Carousel With A Box Widget 
TS:0002-04-063
***********************
Do not remove this section. It helps our team track useage of external workarounds.
*/
	
  // jQuery 2.2.4 requierd
  // CDN link here - https://code.jquery.com/
$(function() { 
  // Add a box to the page and nest the elements inside (can include boxes with grouped content)
  // The first element that is nested in the containing box will be what shows on page load

  // Add ID of box containing elements. 
  var container = $("#lp-pom-box-306");

  // Add the amount of time before the element switches. EX: 2000 = 2 seconds
  var time = 2000; 
  
  // code to select and centre elements 
  container.children().css({
                        'top': '50%',
                        'left': '50%',
                        'transform': 'translate(-50%, -50%)'
                           });
  var allEls = container.children().not(":eq(0)");
  var notFirst = allEls.not(":eq(0)");
  notFirst.css('display', 'none');
     
  // Function to cycle through the elements in the containing box and show/hide them  
  function ShowEls(el, delay) {
    $(el[0]).fadeIn(300)
	    .delay(delay)
	    .fadeOut(300)
	    .promise()
	    .done(function() {
	      var putBack = el.splice(0, 1);
	      if (el.length >= 1) {
	        ShowEls(el, delay);
	        allEls.push(putBack[0]);	             
	      }
	    });
    }

  ShowEls(allEls, time); 

});
</script>

Could you help me out @Rob or someone else? really ove to have this feature on our website(s).

Thanks in advance!
Elvin

Could you post a link to the page where the code is implemented? It’s helpful for seeing any errors that might be popping up related to possible syntax. Is the code just not working at all or is there something off with the expected results? One thing you can check is to make sure the content is correctly nested in the box you are targeting with the code. This part can be tedious so I recommend opening up the “content” tab in the bottom left of the builder to make sure everything is nested correctly.

Hi Rob, my box only shows the first element and then it fades out, and doesn’t show the rest. However, I have 4 boxes with text nested in the original box, and the script is pointing to that original box. How can I fix this?
Thanks in advance!

@teamvoilasocial Could you post a link to the published page with the issue so I can take a closer look and see if there are any errors showing up. One thing to check is to make sure that everything is nested correctly in the builder. This step can be a bit tedious due to how the page builder behaves, so I find opening the “content” tab in the bottom left helps with showing how things are nested. A common issue with the script is the boxes getting nested one level down from the targeted box, which is hard to spot sometimes without that content tab open.

@Rob, thank you for the quick reply. It is possible that some new code has been added. We do have a few people that work on pages and they might have added something.
Some example pages are: https://www.abbyy-flexicapture.com/ and https://www.abbyy-flexicapture.com/for-contracts/

Hey @Rob I’m having some issues getting those left and right buttons to work for me right now. It appears that every time one gets clicked it disappears and the other one reappears (so if I click the left button, the right one shows up!)

Would you have any suggestions?

carousel is at the bottom of the following page which is in progress:
http://unbouncepages.com/cb45fd25-18de-4dde-a246-878c1e9bb17e/

Thanks!

Hey @Rob The on-click function is good, but I need both, auto swap + on click. Any help pls?

Hey @Rob I’m having some issues on my page too. Would you give it a quick look?

a) Every time I click the left or right button the images get overlapped

b) Can I put instead of a botton with left/right an image?

Would you have any suggestions?

[http://abuelocomodo.com/slider-13/]