当前位置: 代码迷 >> Web前端 >> 制造全屏画廊,适合图片展示
  详细解决方案

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

热度:603   发布时间:2014-02-21 00:12:11.0
制作全屏画廊,适合图片展示

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

?

?

查看实例

?

?

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);

?

  相关解决方案