下载图片供以后使用（指导）

Question

我正在寻找的是一种方法，它允许我在用户的浏览器中下载图像以供后者使用。图像将在鼠标悬停（悬停）事件上激活。问题是我不想只在用户悬停时下载图像，因为它会产生不好的效果。它必须在网站加载时下载。

有什么建议吗？

谢谢你的建议！我不能相信我省略了明显的解决方案并寻找了复杂的答案。

Answer 1

做这种图像“预加载”的常见方法是使用JavaScript Image对象。

var i = new Image; 
i.onload = function() { 
    console.log("Image: " + this.src + " loaded"); 
} 
i.src = 'uri/to/file'; 

Answer 2

使用类似：

<img src="myImage.jpg" class="hidden" /> 

，并设置显示器none在你的CSS类.hidden。它会被下载并不会显示。

然后，当你使用图像时，它已经在客户端上了。

Answer 3

你在找什么叫做预装载机。 您有两种选择，您可以通过CSS（tutorial）或每个JavaScript（tutorial）来完成。这些解决方案之一应该会给你你正在寻找的结果。

Answer 4

入住此解决方案： "3 Ways to Preload Images with CSS, JavaScript, or Ajax"

Answer 5

入住这Preloading Images in web page

Answer 6

只是把所有的图像在一个隐藏的股利。图像将自动加载并缓存在浏览器中。因此，当您再次在移动设备上加载图像时，不会产生“不良效果”

<div style="display:none;"> 
      <img src="url" /> 
    </div>