Javascript 如何为多个js幻灯片制作上一个/下一个按钮？

如何使幻灯片可单击以在滑块中向前导航？这就是我如何使plusSlides功能在一页上为每个单独的幻灯片工作的方法

这是我可以在同一页中重复的任何幻灯片的主要结构

HTLM

<div class="slideshow-container" data-cycle="2000">
    <div class="slider fade"><img onclick="plusSlides()" src="assets/img/1.jpg"></div>
    <div class="slider fade"><img onclick="plusSlides()" src="assets/img/2.jpg"></div>
    <div class="slider fade"><img onclick="plusSlides()" src="assets/img/3.jpg"></div>
    <div class="slider fade"><img onclick="plusSlides()" src="assets/img/4.jpg"></div>
    <div>
        <span class="dot"></span> 
        <span class="dot"></span> 
        <span class="dot"></span>
        <span class="dot"></span>
    </div>
</div>

这段代码适用于任何具有相同结构的滑块，并包含在带有类slideshow容器的div中。幻灯片是自动的，有点

JS

var slideshowContainers = document.getElementsByClassName("slideshow-container");
for(let s = 0; s < slideshowContainers.length; s++) {
    var cont = slideshowContainers[s];
    var cycle = slideshowContainers[s].dataset.cycle;
    var slides = slideshowContainers[s].querySelectorAll('.slider');
    var dots = slideshowContainers[s].querySelectorAll('.dot');
    var slideIndex = 0;
    showSlides(cont, slides, slideIndex, cycle, dots);
};
            
var timer = null;

function showSlides(cont, slides, slideIndex, cycle, dots) {
    var cont;
    slideIndex++;
    if (slideIndex > slides.length) {
        slideIndex = 1
    }
    if (slideIndex < 1) {
        slideIndex = slides.length
    }         
    for (cont = 0; cont < slides.length; cont++) {
        slides[cont].style.display = "none";
    }
    for (cont = 0; cont < dots.length; cont++) {
         dots[cont].className = dots[cont].className.replace(" active", "");
    }
    slides[slideIndex-1].style.display = "block";
    dots[slideIndex-1].className += " active";

    setTimeout(function() {
        showSlides(cont, slides, slideIndex, cycle, dots)
    }, cycle);
};

var slideshowContainers=document.getElementsByClassName（“slideshow容器”）；
for（设s=0；s幻灯片长度）{
slideIndex=1
}
如果（滑动索引<1）{
slideIndex=slides.length
}         
对于（cont=0；cont

看一看，我想知道在我正在展示的具体案例中，如何实现plusSlides函数。不过还是谢谢你