如何修复滑块功能的图像路径

时间:2019-06-12 19:54:19

标签: javascript

滑动横幅的功能不起作用,我的图像路径也不起作用

var img = document.getElementById('img-banner');

var images = [
    '../banners/banner.png', 
    '../banners/banner1.png',
    '../banners/banner2.png'
];

var x = 0;

function slide() {

    if (x > images.length) {
        x++
    } else {
        x = 1;
    }

    img.innerHTML = "<img src ="+images[x-1]+">";
}

setInterval(slide, 5000);

1 个答案:

答案 0 :(得分:-1)

您的x变量将始终等于1,因为代码将永远不会进入if语句内。 if(x> images.length)永远不会变为真。

尝试if(x

在图像src中,您递减1,结果始终显示零索引。您的路线没有错。