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