http://qiarchitects.net/js/jquery.easyBanner.min.js

1/* jquery.easyBanner.min.js    @version: 1.4.2 */
2!function(a,b,c){function d(b){function c(b,c,d){if(a.isArray(d)){for(var e in d)if(b.css(c)===d[e])return!0;return!1}return b.css(c)===d}var d=b;d.automatic={containerPos:function(){c(d,"position","static")&&d.css("position","relative")},arrowBg:function(a){c(a,"background-color",["rgba(0, 0, 0, 0)","transparent"])&&c(a,"background-image","none")&&(a.filter(".prev").html("&lt;"),a.filter(".next").html("&gt;"),a.css({height:parseInt(.13*d.height()),lineHeight:parseInt(.13*d.height())+"px",fontSize:parseInt(.13*d.height()),fontFamily:isIE?"SimHei":"monospace",userSelect:"none",cursor:"pointer",color:"#fff"}))},arrowWrapBox:function(a){a.width()===d.width()&&a.css("width","96%")},arrowWrapPos:function(a){c(a,"top","auto")&&c(a,"bottom","auto")&&a.css({top:"50%",marginTop:-a.height()/2,height:0}),c(a,"left","auto")&&c(a,"right","auto")&&a.css("marginLeft",parseInt((1-a.width()/d.width())/2*100)+"%")},serialBtnBg:function(a){return c(a,"background-color",["rgba(0, 0, 0, 0)","transparent"])&&c(a,"background-image","none")?".eb-serial > *{background-color: #fff;border-radius: 50%;}\n.eb-serial > .active{background-color: #ffa500;}\n":void 0},serialBtnBox:function(a,b){if("equal"===b){var d=a.length;c(a,"borderRightWidth",["0px","medium"])&&a.css("borderRightWidth",1),c(a,"borderRightColor",["#999","rgb(153, 153, 153)"])&&a.css("borderRightColor","#fff"),c(a,"borderRightStyle","none")&&a.css("borderRightStyle","solid"),c(a,"height","0px")&&a.css("height",10),a.css({width:a.parent().width()/d-parseInt(a.css("border-right-width")),borderLeft:"none",borderRadius:0}),a.eq(d-1).css({width:a.parent().width()/d,borderRightWidth:0})}else c(a,"width","0px")&&c(a,"height","0px")&&a.css({width:10,height:10}),c(a,"margin",["auto","0px",""])&&a.css("margin","0 5px")},serialBtnWrapPos:function(a){c(a,"top","auto")&&c(a,"bottom","auto")&&a.css("bottom",.04*d.height()),c(a,"left","auto")&&c(a,"right","auto")&&a.css({left:"50%",marginLeft:-a.children().outerWidth(!0)*a.children().length/2})},thumbImgBox:function(a){var b=a.parent();a.hide(),c(b,"height","0px")?(a.height(.125*d.height()),b.height(a.height())):a.height(b.height()),a.width(d.width()/d.height()*a.height()),c(b,"width","0px")||a.css({position:"relative",left:"50%",marginLeft:-a.outerWidth()/2}),a.show()},thumbArrowBg:function(a){c(a,"background-color",["rgba(0, 0, 0, 0)","transparent"])&&c(a,"background-image","none")&&(a.filter(".prev").html("&lt;"),a.filter(".next").html("&gt;"),a.css({fontSize:.5*a.parent().height(),lineHeight:a.height()+"px",fontFamily:isIE?"SimHei":"monospace",userSelect:"none",cursor:"pointer",color:"#fff"}))},thumbArrowPos:function(b){b.each(function(){c(a(this),"top","auto")&&c(a(this),"bottom","auto")&&a(this).css("top",(a(this).parent().height()-a(this).height())/2),c(a(this),"left","auto")&&c(a(this),"right","auto")&&a(this).css(a(this).hasClass("prev")?"left":"right",0)})},thumbListBox:function(a){var b=a.siblings(".prev"),c=a.siblings(".next"),d=a.parent().width(),e=d-(b.outerWidth(!0)-parseInt(b.css("left")))-(c.outerWidth(!0)-parseInt(c.css("right")));e=Math.min(e,d),a.wrap("<div/>").parent().css({position:"absolute",left:(d-e)/2,width:e,height:a.height(),overflow:"hidden",userSelect:"none"})},thumbListWrapPos:function(a){c(a,"top","auto")&&c(a,"bottom","auto")&&a.css("bottom",d.height()/25),a.children().outerWidth()<=d.width()?a.css({width:a.children().outerWidth(),left:(1-a.children().outerWidth()/d.width())/2*100+"%"}):a.width("100%")}}}function e(a){var b=a;b.animation={determineIndex:function(){b.activeIndex=b.currentIndex=b.currentIndex===b.len?0:-1===b.currentIndex?b.len-1:b.currentIndex},serialActive:function(){if(this.determineIndex(),(b.options.serial===!0||"equal"===b.options.serial)&&b.$serialBtn.eq(b.activeIndex).addClass("active").siblings().removeClass("active"),"thumb"===b.options.serial){b.$thumbItem.eq(b.activeIndex).addClass("active").siblings().removeClass("active");var a=b.currentIndex*b.$thumbItem.outerWidth(!0),c=Math.abs(parseInt(b.$thumbList.css("left"))),d=b.$thumbList.parent().width();if(c>a||a>

2c+d){var e=parseInt(a/d)*d;e=Math.min(e,b.$thumbList.width()-d),this.thumbSlide(-e)}}},thumbSlide:function(a){return b.$thumbList.animating?!1:void(isSupportTransition?(b.$thumbList.animating=!0,b.$thumbList.css("left",a).addClass("transition-left-"+b.options.speed),setTimeout(b.animation.thumbSlideComplete,b.options.speed+20)):(b.$thumbList.animating=!0,b.$thumbList.animate({left:a},{duration:b.options.speed,complete:b.animation.thumbSlideComplete})))},none:function(){this.determineIndex(),b.$item.eq(b.currentIndex).show().siblings().hide(),this.serialActive(),f(b.$item,b.currentIndex,b.currentIndex)},fade:function(){this.determineIndex(),b.$list.animating=!0,b.$item.removeClass("top-item").eq(b.currentIndex).addClass("top-item"),isSupportTransition?(b.$item.eq(b.currentIndex).addClass("transition-fade-"+b.options.speed).css("opacity",1),setTimeout(b.animation.fadeComplete,b.options.speed)):b.$item.eq(b.currentIndex).animate({opacity:1},{duration:b.options.speed,complete:b.animation.fadeComplete}),this.serialActive(),f(b.$item,b.currentIndex,b.currentIndex)},slide:function(){b.$item=b.$list.children();var a=b.$list.data("lastIndex"),c="left";b.currentIndex!==a&&(b.currentIndex<a&&(c="right"),b.currentIndex<0&&(b.currentIndex=b.len-1,b.$item.eq(b.len).show().siblings().hide(),c="right"),b.currentIndex>b.len&&(b.currentIndex=1,c="left"),"right"===c&&b.$list.css("left","-100%"),b.$item.eq(b.currentIndex).show(),isSupportTransition&&setTimeout(function(){b.$list.animating=!0,b.$list.css("left","left"===c?"-100%":0).addClass("transition-left-"+b.options.speed),setTimeout(b.animation.slideComplete,b.options.speed-20)},20),isSupportTransition||(b.$list.animating=!0,b.$list.animate({left:"left"===c?"-100%":0},{duration:b.options.speed,complete:b.animation.slideComplete})),this.serialActive(),f(b.$item,b.currentIndex,b.currentIndex))},fadeComplete:function(){b.$list.animating=!1,b.$item.eq(b.currentIndex).siblings().css("opacity",0),b.options.autoPlay&&!b.$list.hovering&&b.setPlayTimer()},slideComplete:function(){b.currentIndex===b.len&&(b.$item.first().show().siblings().hide(),b.currentIndex=0),b.$list.animating=!1,b.$list.css("left",0).removeClass(),b.$list.data("lastIndex",b.currentIndex),b.$item.eq(b.currentIndex).show().siblings().hide(),b.options.after.call(b,b,b.currentIndex),b.options.autoPlay&&!b.$list.hovering&&b.setPlayTimer()},thumbSlideComplete:function(){b.$thumbList.animating=!1;var a=parseInt(b.$thumbList.css("left")),c=b.$thumbList.parent().prev(),d=b.$thumbList.parent().next();a?c.removeClass("disabled"):c.addClass("disabled"),b.$thumbList.parent().width()-b.$thumbList.width()!==a?d.removeClass("disabled"):d.addClass("disabled")}}}function f(b,c,d){function e(){f(b,c+1,d)}function g(){var c=".loading-animation {position: relative;width: 100%;height: 100%;background: #e5e5e5;}\n";isSupportTransition&&(c+=".loading-animation i {position: absolute;top: 50%;left: 50%;width:"+b.height()/4+"px;height:"+b.height()/4+"px;line-height:"+b.height()/4+"px;margin-top: -"+b.height()/4/2+"px;margin-left: -"+b.height()/4/2+'px;background: linear-gradient(to right, #fff 10%, transparent 42%);background: -webkit-linear-gradient(left, #fff 10%, transparent 42%);border-radius: 50%;animation: loading 1.5s infinite linear;-webkit-animation: loading 1.5s infinite linear;}\n.loading-animation i:before {position: absolute;top: 0;left: 0;content: "";width: 50%;height: 50%;background: #fff;border-top-left-radius: 100%;}\n.loading-animation i:after {position: absolute;top: 12.5%;left: 12.5%;content: "";width: 75%;height: 75%;background: #e5e5e5;border-radius: 50%;}\n@-webkit-keyframes loading {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}\n@keyframes loading {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}'),a("head").append('<style id="loading-animation">'+c+"</style>")}function h(){k=b.eq(c),k.css("background-image","url("+l+")"),k.children(".loading-animation").remove(),k.hasClass("loading")&&k.is(":visible")&&"1"===k.css("opacity")&&k.hide().fadeIn(),k.removeClass("loading").addClass("loaded"),e()}if(!(c>=b.length||c-d>1)){"none"!==b.filter(".loading").css("backgroundImage")||a("#loading-animation").length||g(),b.removeClass("loading");var i=new Image,j=a('<div class="loading-animation"><i></i></div>'),k=b.eq(c),l=k.attr("data-src");k.attr("data-src")?(k.removeAttr("data-src"),c?(k.addClass("loading"),k.append(j)):k.css("background-image","url("+l+")"),i.src=l,i.complte?h():i.onload=h):e()}}isSupportTransition="transition"in c.documentElement.style,isIE=/msie|trident/i.test(navigator.userAgent),a.fn.easyBanner=function(c){var g=a.extend({animation:"slide",trigger:"click",arrow:!0,serial:!0,autoPlay:!0,speed:800,interval:5e3,during:a.noop,after:a.noop},c);return this.each(function(){function c(){switch(r.$list=s,r.$item=t,r.len=u,r.options=g,r.currentIndex=v,s.hovering=!1,s.wrap('<div class="eb-list"/>').parent().css({position:"relative",width:"100%",height:"100%",overflow:"hidden"}),s.css({position:"relative",display:"block",height:"100%"}),t.css({display:"block",width:"100%",height:"100%",backgroundRepeat:"no-repeat",backgroundPosition:"center top"}),r.automatic.containerPos(),g.animation){case"fade":isSupportTransition&&(w+=".transition-fade-"+g.speed+"{transition: opacity "+g.speed+"ms ease;-webkit-transition: opacity "+g.speed+"ms ease;}\n"),w+=".top-item{z-index: 0 !important;}\n",t.css({position:"absolute",left:0,top:0,zIndex:-10}),t.first().addClass("top-item").siblings().css("opacity",0);break;case"slide":isSupportTransition&&(w+=".transition-left-"+g.speed+"{transition: left "+g.speed+"ms ease;-webkit-transition: left "+g.speed+"ms ease;}\n"),s.css({left:0,width:100*(u+1)+"%"}),t.css({"float":"left",width:r.css("width")}),t.first().show().siblings().hide()}a(b).resize(function(){s.children().width(r.width())})}function h(){var b=t.find("img"),c=[],d=new RegExp("\\?thumb=(.*\\.(jpg|jpeg|gif|png))$");b.each(function(){var b=a(this).attr("src")||a(this).data("src");b.match(d)&&c.push(b.match(d)[1]),r.thumbSrcArr=c}),b.filter("[data-src]").length===u?(b.each(function(){var b=a(this).data("src");a(this).parent().attr("data-src",b).data("thumb",b),a(this).remove()}),t.last().addClass("loading"),f(t,v,v)):b.each(function(){var b=a(this).attr("src");a(this).parent().css("background-image","url("+b+")").data("thumb",b),a(this).remove()}),"slide"===g.animation&&t.first().clone(!0).appendTo(s),g.during.call(r[0],r,r.currentIndex),g.after.call(r[0],r,r.currentIndex)}function i(){r.append('<div class="eb-arrow"><a class="prev" style="float: left;"></a><a class="next" style="float: right;"></a><div style="clear: both;"></div></div>');var b=a(".eb-arrow",r),c=a("a",b);r.automatic.arrowBg(c),r.automatic.arrowWrapBox(b),r.automatic.arrowWrapPos(b),b.appendTo(r).css("position","absolute"),l.call(c)}function j(){for(var b=0,c="";u>b;b++)c+="<a></a>";r.append('<div class="eb-serial">'+c+"</div>");var d=a(".eb-serial",r),e=d.children();e.css({"float":"left",cursor:"pointer"}),r.automatic.serialBtnBox(e,g.serial),w+=r.automatic.serialBtnBg

2(e),r.automatic.serialBtnWrapPos(d),d.appendTo(r).css("position","absolute").children(":first").addClass("active"),m.call(e),r.$serialBtn=e}function k(){function b(){h=g.children(),h.css({position:"relative",left:0,width:i.outerWidth(!0)*i.length-parseInt(i.css("margin-right")),height:i.outerHeight(!0)}),g.css({position:"absolute",overflow:"hidden",height:i.outerHeight(!0)}),r.automatic.thumbListWrapPos(g),h.width()>g.width()&&(g.prepend('<a class="prev disabled"/>'),g.append('<a class="next"/>'),f=a("a",g),f.css("position","absolute"),r.automatic.thumbArrowBg(f),r.automatic.thumbArrowPos(f)),r.automatic.thumbListBox(h),n.call(f),m.call(i)}for(var c=0,d="",e="";u>c;c++)d=r.thumbSrcArr[c]||t.eq(c).data("thumb"),e+='<li><img src="'+d+'"></li>';r.append('<div class="eb-thumb"><ul>'+e+"</ul></div>");var f,g=a(".eb-thumb",r),h=g.children(),i=h.children(),j=i.children();i.css({"float":"left",overflow:"hidden",marginLeft:0,cursor:"pointer"}),i.first().addClass("active"),i.last().css("marginRight",0),r.automatic.thumbImgBox(j),j[0].complete?b():j[0].onload=b,r.$thumbItem=i,r.$thumbList=h}function l(){a(this).on({click:function(){s.animating||(a(this).hasClass("prev")?v--:v++,o())},selectstart:function(){return!1}})}function m(){a(this).on("click"===g.trigger?"click":"mouseenter",function(){s.animating||(v=a(this).index(),o())})}function n(){a(this).click(function(){var b=r.$thumbList,c=b.parent(),d=parseInt(b.css("left")),e=Math.abs(parseInt(b.css("left"))),f=b.width()-c.width()-Math.abs(parseInt(b.css("left")));if(a(this).hasClass("prev")){if(!e)return;d=e<c.width()?0:d+c.width()}if(a(this).hasClass("next")){if(!f)return;d=f<c.width()?d-f:d-c.width()}r.animation.thumbSlide(d)})}function o(){r.activeIndex=r.currentIndex=v,r.animation[r.options.animation](),g.during.call(r[0],r,r.currentIndex),(v>=u||0>=v)&&(v=r.activeIndex)}function p(){clearInterval(r.playTimer),r.playTimer=setInterval(function(){v++,o()},g.interval)}function q(){var a=function(a){return a.pageY-r.offset().top>r.outerHeight()?(a.stopPropagation(),!0):void 0};r.hover(function(b){a(b)||(s.hovering=!0,clearInterval(r.playTimer))},function(b){a(b)||(s.hovering=!1,s.animating||p())})}var r=a(this),s=r.children(),t=s.children(),u=t.length,v=0,w="";!function(){d(r),c(),h(),e(r),1>=u||(g.arrow&&i(),(g.serial===!0||"equal"===g.serial)&&j(),"thumb"===g.serial&&k(),g.autoPlay&&(p(),q()),r.setPlayTimer=p,a("head").append("<style>"+w+"</style>"))}()})}}(jQuery,window,document);