javascript - 在JavaScript中循环遍历图像数组

我正在尝试遍历图像数组，但似乎无法通过图像2。

当最后一张图像通过时，数组还应该循环回到1。

    var WorkArray = new Array('work/01.png', 'work/02.png', 'work/03.png', 'work/04.png');

var nelements = WorkArray.length;

preload_image_object = new Image();
    var i = 0;
    for(i=0; i<=nelements; i++)  {
    preload_image_object.src = WorkArray[i];
    }

function cC() {
    var nelements = WorkArray.length;
    var i = 0;
    for(i=0; i<=nelements; i++)  {
    nelements = WorkArray[i];
    }
    document.getElementById("work").style.backgroundImage="url('"+WorkArray[i]+"')";
    }

最佳答案

您可以保存当前文件，并使用模以循环方式运行。

它看起来像这样：

var WorkArray = new Array('work/01.png', 'work/02.png', 'work/03.png', 'work/04.png');
var currentImage = 0

function nextImage(){
 currentImage = (currentImage + 1) % WorkArray.length;
 document.getElementById("work").style.backgroundImage="url('"+WorkArray[currentImage]+"')";
}

关于javascript - 在JavaScript中循环遍历图像数组，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26993177/