Marta Posted November 5, 2019 Share Posted November 5, 2019 Hoping someone can help me out here. I've already searched all over Google to make my summary block auto-play but it's only working on one block for some reason. I have 2 carousels that I need to auto-play on loop on this page: https://www.hubinc.ca/home but the second one under "featured members" is not rotating. I'm sure I just need to tweak this code I have, but I'm not sure how. Can someone please help? Thanks so much! This is the code I'm currently using: <script> Y.on('domready', function () { var galleries = Y.Squarespace.GalleryManager.getGalleries(); var duration = 4000; var gallery=galleries[0]; var carousel=gallery["gallery-design"]; var totalGroups=carousel.get('totalGroups'); var currentGroup=0 var container=gallery.get("container"); var nextBtn=Y.one(gallery.get("elements.next")._nodes[0]).on("click",function(e){ e.preventDefault(); e.stopPropagation(); advanceCarousel() }) var prevBtn=Y.one(gallery.get("elements.previous")._nodes[0]).on("click",function(e){ e.preventDefault(); e.stopPropagation(); backupCarousel() }) Y.one(container._node).get('parentNode').on("mouseover",function(){ clearInterval(myInterval) }) Y.one(container._node).get('parentNode').on("mouseout",function(){ clearInterval(myInterval) setMyInterval() }) var myInterval; function setMyInterval(){ myInterval = setInterval(function(){ advanceCarousel() },duration) } setMyInterval(); function advanceCarousel(){ if(currentGroup==(totalGroups-1)){ currentGroup=0; }else{ currentGroup++; } carousel.goToGroup(currentGroup); } function backupCarousel(){ if(currentGroup==0){ currentGroup=totalGroups-1 }else{ currentGroup--; } carousel.goToGroup(currentGroup); } }); </script> Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.