Tried this to no avail 😦 Thought I followed the instructions to a T.

Hey all! I’m having issues with some of my images (pngs) looking grainier in the click through carousel than on the page not in the carousel. The odd thing is that not all of the images are being affected, but when I pull the grainy images out of the carousel they look better? Any idea why this might be happening?

Hi there! :slight_smile
This script is aweseome! I just have one question:
For the first slider everythink works fine. But the second picture carousel just wont work. I added the script a second time and of course changed the box and buttons id’s. Anyone had the same problems with a second carousel?

I’ve just tried removing that script and still nothing. I might try changing it completely to the click through version and hopefully that works.

@Jodi smooth scroll might be the culprit. Check in the script used for your smooth scroll, it might have a jquery script that’s conflicting with the carousel script.

If you’d like, you can send me the link to your page overview and I can double check if that’s what’s causing this.

Hi @Jodi, I’m testing a theory because I’ve seen this once or twice before. Are you running any other scripts on your page? Sometimes they don’t play well together.

-Jess

Hi @Hristian, we were able to figure it out. Thanks for trying out the link.

Hi Unbounce Team,

I tried setting up a clickable carousel according to the video above, but it doesn’t seem to be working. here is the link to the published page: https://get.justsift.com/test/. The buttons click, however, it doesn’t advance to the new slides.

Hi @UnbounceTechTeam I’ve put in the code and everything looks right (I’ve double checked everything I think!!) but it’s still only showing one testimonial. http://www.ezarc.co/

Call it a long day, but how do I break it off into a new thread?

@Jess Thank you for your reply. I have the carousel built in a “section” and I have a Main Box for the carousel. I then have each “Slide” within the Main Box. When published and previewed, it only shows the first “Slide” which fades away, then nothing else shows.
Screen Shot 2020-08-06 at 4.25.09 PM|404x230

I am using the Auto Play Script Code (Inserted in before body end tag):

/*
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-362");
  // 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>

As well as the JQuery (Insert in the Head) I’ve tried both this script and the newer version script:

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

Hope that is all helpful information!

I know this is from roughly 3 years, but hoping someone still checks comments here! I just uploaded the scripts to my unbounce page and created my 5 “slides” all housed in a main box in the section. When I preview, it begins to cycle through the slides, but only shows the first one, and it never cycles back. My test page can be found here: http://unbouncepages.com/beerwerks-test/