Tôi làm cách nào (hoặc tôi nên) mở rộng Modernizr.load() để tải trước hình ảnh?

Question

Ý tưởng là trang /something/index.html được tải. Nhưng, trước khi tôi hiển thị nó, phụ thuộc của nó (css và hình ảnh trong trường hợp này) được tải sẵn.

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

Tôi đã xem xét plugin jQuery "imageLoaded" của Paul Irish, nhưng tôi thích sự đơn giản của việc sử dụng bộ nạp mà tôi đã có. Tôi biết YepNope (và Modernizr.load) không phải là nhà thiết kế làm trình tải trước chung, nhưng tôi cảm thấy đây là cách sạch nhất để làm điều này.

Sẽ đánh giá cao bất kỳ suy nghĩ nào về cách triển khai tải trước hình ảnh thành tập lệnh tải Modernizr/YepNope.

nz

Answer 1

Trên giấy tờ yepnope, nó được xác định rằng các tải trước! Tiền tố "nên" hoạt động trên một số loại mime khác.

Bạn có thể thử

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

Công việc này đối với tôi.

Đừng quên để thêm plugin tiền tố (nếu không bạn sẽ nhận được một lỗi khi động cơ js cố gắng để thực hiện hình ảnh):

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