Come dovrei (o dovrei) estendere Modernizr.load() per precaricare le immagini?

Question

L'idea è che la pagina /something/index.html sia caricata. Ma, prima di mostrarlo, le sue dipendenze (css e immagini in questo caso) sono precaricate.

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

Ho esaminato Paolo irlandese di "imagesLoaded" jQuery collegare, ma io preferisco la semplicità di utilizzo del caricatore ho già. So che YepNope (e Modernizr.load) non sono designer come preloader generici, ma ritengo che questo sia il modo più pulito per farlo.

Apprezzerei qualsiasi idea su come implementare il pre-caricamento dell'immagine in uno script di caricamento Modernizr/YepNope.

nz

Answer 1

sulla documentazione yepnope, si precisa che il precarico ! Il prefisso "dovrebbe" funzionare su altri tipi di mime.

Si può provare

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

questo lavoro per me.

Non dimenticate di aggiungere il plugin prefisso (altrimenti si ottiene un errore quando il motore js cerca di eseguire l'immagine):

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