我将如何（或者应该）扩展 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 加载脚本中的任何想法，我们将不胜感激。

新西兰

Answer 1

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

你可以

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

为我尝试一下这个工作。

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

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