我（或应该）如何扩展Modernizr.load（）以预加载图像？

Question

想法是加载了页面/something/index.html。但是，在我展示它之前，它的依赖关系（在这种情况下是css和图像）是预加载的。

 

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

我查看了Paul Irish的“imagesLoaded”jQuery插件，但我更喜欢使用我已经拥有的加载器的简单性。我知道YepNope（和Modernizr.load）不是设计师的通用预加载器，但我觉得这是最干净的方法。

对于如何将图像预加载到Modernizr / YepNope加载脚本中的任何想法表示感谢。

nz的

Answer 1

在yepnope文档中，指定 preload！前缀“应该”适用于其他一些mime类型。

你可以尝试

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

这项工作对我而言。

不要忘记添加前缀插件（否则当js引擎尝试执行图像时会出错）：

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