下載圖片供以後使用（指導）

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>