Precache/Preload目錄

Question

四處尋找預加載圖像目錄的方法，發現這是此處提供的最佳腳本：http://perishablepress.com/3-ways-preload-images-css-javascript-ajax/ 我最喜歡這個，因爲它在預加載之前等待當前文檔加載，但我會想獲得這傢伙加載，而不必指定每個文件圖像的目錄，非常新的JavaScript的，任何幫助表示讚賞。

function preloader() { 
if (document.images) { 
    var img1 = new Image(); 
    var img2 = new Image(); 
    var img3 = new Image(); 

    img1.src = "http://domain.tld/path/to/image-001.gif"; 
    img2.src = "http://domain.tld/path/to/image-002.gif"; 
    img3.src = "http://domain.tld/path/to/image-003.gif"; 
    } 
} 
function addLoadEvent(func) { 
    var oldonload = window.onload; 
    if (typeof window.onload != 'function') { 
    window.onload = func; 
} else { 
    window.onload = function() { 
     if (oldonload) { 
      oldonload(); 
     } 
     func(); 
     } 
    } 
} 
addLoadEvent(preloader); 

Answer 1

沒有通用的方法來實現這一點。你需要一些方法來從服務器檢索目錄的內容，也不能保證你的Web服務器將提供的列表。通常，大多數Web服務器不允許客戶端列出服務器端目錄的內容。

如果你控制了Web服務器，您可以配置它，以便顯示一個目錄列表，例如，當你問「HTTP：//domain.tld/path/to/」。但即使如此，返回響應的格式可能會有所不同，具體取決於Web服務器。

但是，如果您能夠從服務器獲取給定目錄中的圖像列表，您仍然需要使用某種技術（如AJAX或隱藏的IFRAME）來加載這些圖像名稱。然後，你可以使用JavaScript來遍歷文件名，構造URL，並且使圖像對象每個。