javascript - 用javascript单击按钮使图片更改

我的图片链接存储在数组中，单击按钮时，我会使用这些图片链接来更改div的背景。

到目前为止，一切正常，但是当i值大于array.length值时，我不明白如何使函数返回数组的第一个值（[0]）。

这是我得到的：

function palabifunkcija(){
    document.getElementById('PictureContent').value= ++i;
    document.getElementById('PictureContent').style.background= bildes[i];
    if (i>bildes.length){
        return i=0;
    }
}

单击可以更改图片，但是当执行if语句时，我必须在按钮上单击两次，它显示第二张图片（bildes [1]）而不是bildes [0]。

谁能解释为什么会这样，我该如何解决它才能正常工作？

对不起，英语不好。

最佳答案

您可以找到i的余数除以数组长度。

var i = 0,
    length = bildes.length;
function palabifunkcija(){
    i++;
    i %= length;
    document.getElementById('PictureContent').value = i;
    document.getElementById('PictureContent').style.background = bildes[i];
}