图片预加载javascript

Question

我的目标是在加载实际图像时进行图像预加载，但我无法弄清楚。整个目标是我有一个幻灯片显示图像，但有时它加载缓慢..大声笑。这里是我的HTML：

<div id="slideshow"> 
    <img src="../images/slideshow/spacer.gif" width="100" height="100" id="myPicture" alt="some image"> 
</div> 

这里是我的javascript我已经：

window.onload = choosePic; 

function choosePic() { 
    var myPix = new Array("../images/slideshow/sempiternal.png", "../images/slideshow/cross.png", "../images/slideshow/pentagram.png"); 
    var randomNum = Math.floor((Math.random() * myPix.length)); 
    document.getElementById("myPicture").src = myPix[randomNum]; 
} 

而CSS：

#slideshow { 
    height: 100px; 
    width: 100px; 
    position: fixed; 
    bottom: 20px; 
    right: 20px; 
} 

Answer 1

似乎并不像你的函数将预装任何东西。除了正常加载的随机图像之外，阵列中的其他图像根本不会被调用。

您可能想要查看JavaScript Preloading Images和Function to preload images?。