Görüntüleri önceden yüklemek için Modernizr.load() öğesini nasıl kullanırım (veya dayandırmalıyım)?

Question

Buradaki fikir şudur: /something/index.html sayfası yüklenmiştir. Ancak, göstermeden önce, bağımlılıkları (bu durumda css ve görüntüler) önceden yüklenir.

Paul İrlandalı en içine baktım

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

"imagesLoaded" jQuery eklentisi, ama ben zaten yükleyici kullanarak sadeliği tercih ediyorlar. Biliyorum YepNope (ve Modernizr.load) jenerik preloaders olarak tasarımcı değil, ama bunu yapmanın en temiz yolu gibi hissediyorum.

Modernizr/YepNope yükleme komut dosyasına görüntü önyüklemesinin nasıl uygulanacağı konusunda herhangi bir fikre değer verirsiniz.

nz

yepnope belgelerinde üzerinde

Answer 1

, bu belirtilmiştir preload o! öneki, "diğer" diğer mim türlerinde çalışmalıdır.

Sen

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

benim için bu çalışma deneyebilirsiniz.

önek eklentisini (başka js motor görüntüsünü yürütmeye çalıştığında bir hata alırsınız) eklemeyi unutmayın:

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