制作带略缩图的全屏图片画廊



查看实例


   (function($) {
    $.fn.preload = function(options) {
        var opts    = $.extend({}, $.fn.preload.defaults, options);
        o           = $.meta ? $.extend({}, opts, this.data()) : opts;
        var c       = this.length,
            l       = 0;
        return this.each(function() {
            var $i  = $(this);
            $('<img/>').load(function(i){
                ++l;
                if(l == c) o.onComplete();
            }).attr('src',$i.attr('src')); 
        });
    };
    $.fn.preload.defaults = {
        onComplete  : function(){return false;}
    };
})(jQuery);