不要在javascript中计算出计数器的作用

问题描述 投票:0回答:1

我想在js中创建一个全屏图像滑块,所以我看了一个教程,我在“计数器”旁边了解了大部分内容。我知道它代表当前图像,但我不知道它是如何做到的,如何分配。

这是代码

let sliderImages = document.querySelectorAll(".slide"),
    arrowLeft = document.querySelector("#arrow-left"),
    arrowRight = document.querySelector("#arrow-right"),
    current = 0; (!!!!THIS ONE I DON`T UNDERSTAND HOW IT S REPRESENTING THE CURRENT IMAGE!!!

// Clear all images
function reset() {
    for (let i = 0; i < sliderImages.length; i++) {
        sliderImages[i].style.display = "none";
    }
}

// Init slider
function startSlide() {
    reset();
    sliderImages[0].style.display = "block";
}

// Show prev
function slideLeft() {
    reset();
    sliderImages[current - 1].style.display = "block";
    current--;
}
// Left arrow click
arrowLeft.addEventListener("click", function () {
    if (current === 0) {
        current = sliderImages.length;
    }
    slideLeft();
});

// Show next
function slideRight() {
    reset();
    sliderImages[current + 1].style.display = "block";
    current++;
}


// Right arrow click
arrowRight.addEventListener("click", function () {
    if (current === sliderImages.length - 1) {
        current = -1;
    }
    slideRight();
});

startSlide();

!这里是补习班https://youtu.be/7ZO2RTMNSAY的联系

javascript counter development-environment slide
1个回答
1
投票

Current用于包含类名为slide的所有元素的数组的索引。

阅读更多有关数组的信息可能对您有益:https://www.w3schools.com/js/js_arrays.asp

© www.soinside.com 2019 - 2024. All rights reserved.