javascript圖片預載入簡單介紹

圖片預載入效果在大量的網站都有使用，特別是使用圖片較多的網站，下面就介紹一下圖片預載入的作用和用法。

比如一個網站，上面有很多這樣的效果，當滑鼠放在一個圖片的時候，能夠切換成另一張圖片，如果圖片在本地沒有快取的，需要從伺服器下載的話，那麼可能記載需要一段的事件，那麼將會影響使用者體驗，如果將圖片事先下載快取起來，就可以實現快速切換了。

下面就介紹一下如何實現圖片預載入:

[JavaScript] 純文字檢視 複製程式碼
var imagePreload=new Image(); 
imagePreload.src="001.gif"; 
imagePreload.src="002.gif"; 
imagePreload.src="003.gif";

以上程式碼就可以實現圖片預載入，因為當執行到imagePreload.src="001.gif"這樣的語句的時候，就會從伺服器下載圖片，這樣圖片就會被存入快取，然後再下載第二個，如此進行下去。不過上面的程式碼比較適合於少量圖片預載入。

大量圖片預載入可以使用如下程式碼:

[JavaScript] 純文字檢視 複製程式碼
function imagePreload(){ 
  var imgPreload=new Image(); 
  for(i=0;i<arguments.length;i++) { 
    imgPreload.src = arguments<i>; 
  } 
} 
imagePreload('001.gif','002.gif','003.gif','004.gif'); </i>