自动幻灯片显示不正确

Question

我在某个网站的主页上有自动幻灯片显示。图像每10秒旋转一次，但是当它们第一次出现时，它们并不是已经成为loadead的（我猜），所以显示的是空白。

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

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属性。