在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