自动幻灯片显示无法正常显示

时间:2009-10-22 02:13:45

标签: javascript caching image preload

我在某个网站的主页上有一个自动幻灯片。图像每10秒旋转一次,但是当它们第一次出现时,它们还不是loadead(我猜),所以显示空白。

我认为预加载这些图像会很好,但我不知道如何预加载它们。我使用以下代码预加载页面的所有图像,但它似乎不起作用:

function preloadAllImages() {
    for (i = 0; i < document.images; i++) {
        var img = new Image();
        img.src = document.images[i];
    }
}

那么,我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:0)

尝试

function preloadAllImages() {
    for ( var i = 0; i < document.images.length; i++) {
        var img = new Image();
        img.src = document.images[i];
    }
}

我相信你错过了length属性。