預加載img元素

Question

我目前有一個預加載圖片javascript腳本：

function MM_preloadImages() { 
  var d = document; 

  if(d.images){ 
     if(!d.MM_p )
        d.MM_p=new Array();

     var i,j=d.MM_p.length,a=MM_preloadImages.arguments;

     for(i=0; i<a.length; i++){
        if (a[i].indexOf("#")!=0){
           d.MM_p[j]=new Image; 
           d.MM_p[j++].src= '/img' + a[i];
        }
     }
  }
}

問題是當添加圖像時我必須手動更新陣列刪除等。

無論如何有自動化的還是有一個圖書館。

大多數圖片網址都是元素href。

顯然我可以在服務器端寫一些東西，但是我想檢查是否已經有東西了。

Answer 1

這是做過您要使用jQuery的人 ：

http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/

編輯：實際上，這並不是您在尋找的東西，因為這會從CSS文件中預加載圖像-如果這仍然有幫助，我將在此處保留此內容。

Answer 2

問題在於，當DOM中的元素可用於JS來檢查圖像時，無論如何這些元素已經被加載。

AFAIK無法執行此操作（基於CSS的檢查有效，因為該檢查是在正文內容之前加載的），但一般來說， CSS spriting是解決該問題的一種出色方法。