var slideIndex = 0; // 从0开始索引，更符合JavaScript的数组索引习惯

// 初始显示第一张幻灯片

showSlides(slideIndex);

function plusSlides(n) {

    showSlides(Math.max(0, Math.min(slideIndex + n, document.getElementsByClassName("mySlides").length - 1)));

};

function currentSlide(n) {

    showSlides(Math.max(0, Math.min(n, document.getElementsByClassName("mySlides").length - 1)));

};

function showSlides(n) {

    var slides = document.getElementsByClassName("mySlides");

    var dots = document.getElementsByClassName("dot");

    var maxIndex = slides.length - 1; // 获取最大索引值

    // 更新slideIndex为有效范围内的值

    slideIndex = Math.max(0, Math.min(n, maxIndex));

    // 隐藏所有幻灯片

    for (var i = 0; i <= maxIndex; i++) {

        slides[i].style.display = "none";

    };

    // 移除所有点的激活状态

    for (var i = 0; i < dots.length; i++) {

        dots[i].className = dots[i].className.replace(" active", "");

    };

    // 显示指定索引的幻灯片并激活对应的点

    if (slides.length > 0) {

        slides[slideIndex].style.display = "block";

        if (dots.length > 0) {

            dots[slideIndex].className += " active";

        };

    };

}