(function($){ $.fn.imgShow = function(o){ var o = $.extend({ showPanel:'animate', timeShow: 3000, speedShow: 1000, speedHide: 1000, speedShowDesc: 500, speedHideDesc: 100 }, o); return $(this).each(function(){ var folder = $(this); var images = folder.find('img'); var imgCount = images.length; images.hide().each(function(i){ $(this).attr('id','i_' + i); }); var first = images.filter('#i_0'); folder.width(first.width()).height(first.height()); if (o.showPanel != 'none') { folder.append('
 
'); var desc = folder.children('.desc'); var offset = folder.offset(); desc.css('top', offset.top + 'px').css('left', offset.left + 'px').width(folder.width()); if (o.showPanel == 'animate') desc.hide(); var descText = desc.children('div'); } var id; function ImgList() { id = id || 0; var currImg = images.filter('#i_' + id); currImg.fadeIn(o.speedShow,function(){ if (o.showPanel != 'none') { var title = ''; title = $(this).attr('alt'); descText.html(title); if (title && o.showPanel == 'animate') desc.slideDown(o.speedShowDesc); } setTimeout(function(){ if (o.showPanel == 'animate') { desc.slideUp(o.speedHideDesc); } if (o.showPanel == 'always') { descText.html(''); } currImg.fadeOut(o.speedHide,function(){ id ++; if (id == imgCount) id = 0; ImgList(); }); }, o.timeShow); }); } ImgList(); }); } })(jQuery)