JS 控件在第二个滑块上不起作用，不确定如何定位

如何解决JS 控件在第二个滑块上不起作用，不确定如何定位

我正在处理一个有 2 个滑块的网站，但顶部滑块上的控件似乎不起作用

http://www.nathangriffithgc.com/gallery.html

如何定位第二个滑块？我已经更改了 ID 名称，但我不确定这是否会影响滑块。

以下是我的两个画廊的片段，您会发现我将顶部脚本重命名为幻灯片 2，底部脚本是有效的原始脚本

<script>
                             var slideIndex = 1;
function showSlides() {
    var slides = document.getElementsByClassName("mySlides");
    if (slideIndex > slides.length) {slideIndex = 1;}
    if (slideIndex < 1) {slideIndex = slides.length;}
    for (var i = 0; i < slides.length; i++) {
        slides[i].style.display = "none";
    }
    slides[slideIndex-1].style.display = "block";
    var dots = document.getElementsByClassName("slide-dot");
    for (var i = 0; i < dots.length; i++) {
        dots[i].className = dots[i].className.replace(" slide-dot-active","");
    }
    dots[slideIndex-1].className += " slide-dot-active";
 }
function plusSlides(n) {
    slideIndex += n;
    showSlides();
}
function currentSlide(n) {
    slideIndex = n;
    showSlides();
}
                                
var slide2Index = 1;
function showSlides2() {
    var slides = document.getElementsByClassName("mySlides2");
    if (slide2Index > slides.length) {slide2Index = 1;}
    if (slide2Index < 1) {slide2Index = slides.length;}
    for (var i = 0; i < slides.length; i++) {
        slides[i].style.display = "none";
    }
    slides[slide2Index-1].style.display = "block";
    var dots = document.getElementsByClassName("slide2-dot");
    for (var i = 0; i < dots.length; i++) {
        dots[i].className = dots[i].className.replace(" slide2-dot-active","");
    }
    dots[slideIndex-1].className += " slide2-dot-active";
 }
function plusSlides(n) {
    slide2Index += n;
    showSlides2();
}
function currentSlide(n) {
    slide2Index = n;
    showSlides2();
}

                                
  window.addEventListener("load",showSlides); window.addEventListener("load",showSlides2);                              
                                
</script>