Question

我有存储在数组中的图片链接，当点击一个按钮时，我会使用这些图片链接更改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]。

任何人都可以解释为什么会这样，我该如何修复它，这样才能正常工作？

抱歉英语不好。

Answer 1

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

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

Answer 2

试试这个

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

使用javascript按钮点击更改图片

2 个答案: