我（或應該）如何擴展Modernizr.load（）以預加載圖像？

Question

這個想法是加載頁面/something/index.html。但是，在我展示它之前，它的依賴項（在這種情況下是CSS和圖像）被預加載。

Modernizr.load({ 
    load: ['/something/styles.css', '/something/image1.jpg'], 
    complete: showFile 
});

我看過Paul Irish的「imagesLoaded」jQuery插件，但我更喜歡使用我已有的loader的簡單性。我知道YepNope（和Modernizr.load）不是設計器的通用預加載器，但我覺得這是最簡單的方法。

希望瞭解如何將圖像預加載到Modernizr/YepNope加載腳本中。

NZ

Answer 1

在yepnope文件，規定了預緊力！前綴「應該」適用於其他MIME類型。

您可以嘗試

Modernizr.load('preload!something/image1.jpg'); 

這爲我工作。

不要忘了添加前綴插件（否則當JS引擎嘗試執行圖像，你會得到一個錯誤）：

yepnope.addPrefix('preload', function (resource) { 
    resource.noexec = true; 
    return resource; 
});