jQuery在更改attr src之前检查图像的预加载

Question

我编写了一个非常简单的函数来更改图像的src：

    var imgsDesktop = ["image1.jpg",
                       "image2.jpg",
                       "image3.jpg",
                       "image4.jpg",
                       "image5.jpg"];
    var imgCurrent = 0;
    function imgSlide() {
        $("#ImgDesktop").attr("src", imgsDesktop[imgCurrent]);
        imgCurrent++;
        if(imgCurrent > imgsDesktop.length) {
            imgCurrent=0;
        }
    }
    setInterval("imgSlide()", 7000);

但是我想在更改ImgDesktop的attr src之前预加载下一张图像。

怎么做？如果预加载图像需要7秒以上会发生什么？

Answer 1

您可以通过Javascript函数预加载它们：

function preloadImages() {
    var imageList = [
        "image1.jpg",
        "image2.jpg",
        "image2.jpg"
    ];
    for(var i = 0; i < imageList.length; i++ ) 
    {
        var imageObject = new Image();
        imageObject.src = imageList[i];
    }
}