jquery - 预加载整个元素

Question

我有一个 jCarousel，加载速度相当慢。在变成轮播 View 之前，图像将首先显示为列表。这也会导致页面上的其他jquery脚本被延迟。我尝试过预加载图像，但它似乎对我的图像变成轮播的速度没有任何影响。
有什么方法可以确保我的整个轮播在显示之前已预加载吗？

Answer 1

我使用以下模式:

var imgCount = $("#carousel img").length;
var loadCounter = 0;

$("#carousel img").one("load", function() {
    loadCounter++;
    if(loadCounter == imgCount) {

        // all images have loaded, fire up carousel
        $("#carousel").carousel();
    }
}).each(function() {
    if(this.complete) $(this).trigger("load");
});