在index.html中预载图像以在其他页面上使用

Question

我有一个大图像作为背景显示在我网站的另一个页面上。当用户第一次访问我的网页时，我想要预先加载这个图片，以便当它们最终移动到带有图片的页面时，它立即加载。

我使用它来预加载：

<script type="text/javascript"> 
    if (document.images) { 
    img1 = new Image(); 
    img1.src = "image.jpg"; 
} 
</script> 

如何使用这个所以存储图像到以后的页面上使用？

在此先感谢！

Answer 1

答：

事实证明，如果我只是把上面的JS在我的index.html的底部，这将图像加载到缓存中，然后在浏览器将在用户单击以转到包含该图像的其他页面时抓取该图像。

换句话说，我已经有了答案！

Answer 2

我认为你正在寻找的是图像预加载。

看一看here

Hope this helps