Auto slideshow scroll reel

Site URL: https://greyhound-lynx-5g3p-zingolo.squarespace.com/

I posted this almost a week ago but it feels like my post hasn’t been seen by anyone 

I was wondering if someone could help me make the slideshow reel at the bottom of my homepage move every 0.5 seconds. At the moment the slideshow reel at the top moves every 2 or 2.5 seconds.

I’d appreciate the help. Thank you 

Try this:

https://bycrawford.com/blog/autoplay-gallery-reel-squarespace

Hi Ziggy,

Thanks for your response. 

I have tried it but it clashes with the current code for the top slideshow reel, and this code by crawford makes it scroll smoothly.

There are two different slideshow reels on the homepage at the moment.

If you have a look at the homepage, the top slideshow reel scrolls like a click, which i like. This is the code: 

!-- Gallery Reel Section Autoplay for hero images -->

<script>
(function docReady(fn) {
    // see if DOM is already available
    if (document.readyState === "complete" || document.readyState === "interactive") {
        // call on next available tick
        setTimeout(fn, 1);
    } else {
        document.addEventListener("DOMContentLoaded", fn);
    }
})(() => {
    if ( window.location == window.parent.location ) {
      const reelControl = document.querySelector('.gallery-reel-control [aria-label="Next Slide"]');
      if (reelControl) {
        (function reelTimer() {          
            setTimeout(() => {
              reelControl.click();
              reelTimer();
            }, 2000);  // change this value to change the speed           
        })(); 
      }
    }

I do like the way the top slideshow scrolls with this code, but I want to be able to make the bottom slideshow scroll similarly but instead of 2000, it scrolls 500 separately.

Or maybe a code like crawfords that only makes the bottom slideshow reel scroll smoothly but faster .

I hope that makes sense.