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?。

图像预加载javascript

1 个答案: