javascript - 自动幻灯片无法正确显示

Question

我在某些网站的主页上有一个自动幻灯片。图像每 10 秒旋转一次，但是当它们第一次出现时，它们还没有加载（我猜），所以显示的是空白。

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

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

那么，我怎样才能使这项工作？

Answer 1

尝试

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

我相信您缺少该length属性。