本文通过一个例子来说明jquery如何实现带有缩略图的全屏图片库效果。分享给大家参考。具体如下：

运行效果如下图所示：

主要代码如下：

(函数($) {$.fn.preload=函数(选项){ var opts=$。extend({}，$.fn.preload.defaults，options)；o=$。梅塔。$.extend({}，opts，this . data()): opts；var c=this.length，l=0；返回this . each(function(){ var $ I=$(this)；$('img/')。负载(功能(I){ l；if(l==c)o . on complete()；}).attr('src '，$ I . attr(' src '))；});};$ . fn . preload . defaults={ OnComplete : function(){ return false；} };})(jQuery)；单击此处下载完整的示例代码。

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