Question

我需要在JS课程中建立具有某些要求的网站ץ 其中之一是用js制作照片转盘。

我从w3bschool获得了一个主意。当我在空项目中使用它时，它的工作非常完美，但是当我在网站中使用完全相同的代码时，一秒钟后图片消失（仅显示图片，可以使用next / prev按钮）

造成这种情况的原因可能是什么？我试图更改代码中的每一行，但仍然如此。

JS:
var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
    showSlides(slideIndex += n);
}

function currentSlide(n) {
    showSlides(slideIndex = n);
}

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

编辑：

https://jsfiddle.net/benahr21/5mue1wpd/3/ 您可以在此处检查代码。我在这里放了一些来自Google的随机图片，以便您能够看到。大多数图片保存在项目的图片库中，因此您无法真正看到网站的外观。我只是想知道消失的照片。

非常感谢！

画廊滑块中的一秒钟后图像消失

0 个答案: