Ползунок JS - Ошибка типа: точки [(slideIndex - 1)] не определены - PullRequest
Новая
       92

Ползунок JS - Ошибка типа: точки [(slideIndex - 1)] не определены

0 голосов
/ 01 мая 2020

У меня есть несколько ползунков на веб-сайте. Они работают, если у них только небольшое количество изображений. Когда я пытаюсь использовать больше картинок, возникает ошибка: TypeError: dots [(slideIndex - 1)] не определен.

Любая помощь очень ценится <3 </p>

JS

var slideIndex = 1;
    var z = document.getElementsByClassName("slideshow");
    for (i = 0; i < z.length; i++) {
        //set custom data attribute to first current image index
        z[i].setAttribute("data-currentslide", 1);
        showDivs(z[i].getAttribute("data-currentslide"), i);
    }
    function plusDivs(n, j) {
        //get custom data attribute value of current image index to slideshow class index j
        slideIndex = parseInt(z[j].getAttribute("data-currentslide")[0]);
        showDivs(slideIndex += n, j);
    }
    function currentDiv(n, j) {
        showDivs(slideIndex = n, j); /* showDivs Not showSlides*/
    }
    function showDivs(n, j) {
        var i;
        var z = document.getElementsByClassName("slideshow")[j];
        var x = z.getElementsByClassName("mySlides");
        var dots = z.getElementsByClassName("dot");
        if (n > x.length) {
            slideIndex = 1
        }
        if (n < 1) {
            slideIndex = x.length;
        }
        //set custom data attribute to current image index
        z.setAttribute("data-currentslide", slideIndex);
        for (i = 0; i < x.length; i++) {
            x[i].style.display = "none";
        }
        for (i = 0; i < dots.length; i++) {
            dots[i].className = dots[i].className.replace(" active", "");
        }
        x[slideIndex - 1].style.display = "block";
        dots[slideIndex - 1].className += " active";
    }

HTML

image
...