jQuery:有关如何按顺序预加载dom中所有图像的任何建议吗？

Question

关于它的任何想法？任何插件？我想找到所有img标签并按顺序显示它们？谢谢

Answer 1

创建一个小的jQuery实用程序方法:

jQuery.preloadImages = function() {
    var set = jQuery('img');
    var current = 0;
    var iterate = function() {
        var current_src = set[current].src;
        var temp = jQuery('<img/>');
        jQuery(temp).bind('load', function() {
            console.log($(this).attr('src') + ' loaded');
            jQuery(this).remove(); //remove temp image from DOM.
        });

        temp[0].src = current_src;
        jQuery('body').append(temp);
        if(++current < set.length) iterate(); //recursive call
    };
    iterate();
};

像这样调用它:

$.preloadImages();

jsFiddle例子