Изображения исчезают через одну секунду в слайдере галереи - PullRequest
0 голосов
/ 15 мая 2019

Мне нужно в моем курсе JS сделать веб-сайт с некоторыми требованиями ץ одно из них - сделать фото-карусель с помощью js.

Я взял идею из w3bschool.он отлично работает, когда я использую его в пустом проекте, но когда я использую точно такой же код на моем сайте, изображения исчезают через одну секунду (только изображения, кнопки «следующий / предыдущий» в порядке)

что может бытьпричина, по которой это произошло?Я пытался изменить каждую строку в коде, но все же.

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, чтобы вы могли их увидеть.Большинство изображений сохраняются в галерее изображений в проекте, поэтому вы не можете реально увидеть, как выглядит сайт.я просто удивляюсь исчезновению картинок.

спасибо большое!

...