jquery实现带缩略图的全屏图片画廊效果实例

本文实例讲述了jquery实现带缩略图的全屏图片画廊效果。分享给大家供大家参考。具体如下：

运行效果如下图所示：

主要代码如下：

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

希望本文所述对大家的jquery程序设计有所帮助。