¿Cómo podría (o debería) extender Modernizr.load() para precargar imágenes?

Question

La idea es que la página /something/index.html esté cargada. Pero, antes de mostrarlo, sus dependencias (css e imágenes en este caso) están precargadas.

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

He mirado en Paul irlandesa de "imagesLoaded" jQuery enchufe, pero yo prefiero la sencillez de Aplicaciones de la carga que ya tengo. Sé que YepNope (y Modernizr.load) no son diseñadores como precargadores genéricos, pero creo que esta es la forma más limpia de hacerlo.

Agradecería cualquier idea sobre cómo implementar la precarga de imágenes en un script de carga de Modernizr/YepNope.

nz

Answer 1

En la documentación yepnope, se especifica que la precarga ! El prefijo "debería" funcionar en algunos otros tipos de mime.

Usted puede intentar

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

Este trabajo para mí.

No se olvide de agregar el plugin prefijo (de lo contrario se producirá un error cuando el motor js trata de ejecutar la imagen):

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