добавление слайд-шоу изображений на страницу

Question

Когда я пытаюсь добавить слайд-шоу с изображением, idr не работает.

Это HTML-элемент:

<img class="main-img" alt="">

Это мой Javascript:

window.onload = function() {
    var mainImg = document.querySelector('.main-img');
    let slideshow = [
        '../img/jevon_cochran_pelourinho.jpg',
        '../img/jevon_cochran_quibdo.jpg',
        '../img/me_in_Pernambues.JPG'
    ];
    var index = 0;
    var interval = 2000;
    function slide() {
        mainImg.src = slideshow[i];
        index++;
        if (index >= slideshow.length) {
            index = 0;
        }
    }

    setInterval(slide, interval);
}

Answer 1

По моему мнению, для создания слайд-шоу изображений будет гораздо удобнее использовать библиотеку javaScript, например slick, или просто использовать загрузочную карусель.

slick - https://kenwheeler.github.io/slick/

Карусель - https://getbootstrap.com/docs/4.0/components/carousel/

Надеюсь, это поможет!