html - 在 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

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

看看这里

Hope this helps