`
renyiqiu
  • 浏览: 29251 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

制作全屏画廊,适合图片展示

阅读更多

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

 

 

查看实例

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
   (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);

0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics