/*综合轮播banner*/ /*by leakey 2019-2-12 e-mail:282682122@qq.com*/ /*部分动效需要css3支持*/ /*动效:"fadein","slideinright","slideinleft","slideinleft","slideintop","slideinbottom","zoomincenter","zoominbottom","grid","separatex","separatey","circlescale"*/ /*随机动效:random,randomslide,randomzoom,randomseparate*/ /*若为栅栏动效,多一项栅栏列数设置属性gridcount*/ /*开启懒加载,需要配合html结构*/ /*使用方法*/ //先引入leakeybanner.js,leakeybanner.css /*$(选择dom).leakeybanner({ animate:"random", showtime:"5000", animatetime:"800", gridcount:"10", showtxtdelay:"500", txtalign:"auto", showtxt:true, showtxtdelay:"1000", txtalign:"center", });*/ //完整属性值设置: // animate:"fadein",//animate-动画效果-默认fadein // showtime:"5000",//showtime-切换间隔时间-默认5000毫秒 // animatetime:"500",//animatetime-动画执行一次时间-默认500毫秒 // lazyload:true,//默认开启懒加载,true-false需要html代码配合,src值预存到data-src, // pagination:true,//默认显示分页切换按钮true-false // paginationbtntype:"pointer",//增加分页按钮样式选择-pointer-pointer2-pointer3-line-line2-number-number2 ---- update by leakey 2019-2-19 // paginationbtnposstyle:"middleleft",//分页按钮显示位置-bottomcenter-middleleft-middleright // changebtn:true,//默认显示左右切换按钮true-false-"auto","auto"是鼠标移动到图片上才显示 // changebtnposstyle:"bottomleft",//切换按钮位置样式预设-middle-bottomleft-bottomright----update by leakey 2019-2-19 // gridcount:10,//默认栅栏动效分为10格 // showtxt:true,//默认显示文字true-false // showtxtdelay:"1000",//文字显示动画延迟时间,默认等图片动画执行结束后执行文字动画 // txtalign:"left",//默认居左对齐left-right-auto,auto为第一张左对齐,下一张右对齐,以此重复 // /*增加分页缩略图 update by leakey 2019-2-18*/ // paginationimg:true,//分页显示缩略图 // paginationimgw:"106",//分页显示缩略图宽度 // paginationimgh:"106",//分页显示缩略图高度 // /*增加左右切换按钮缩略图 update by leakey 2019-2-19*/ // changebtnimg:true,//切换按钮显示缩略图 // changebtnimgw:"200",//切换按钮显示缩略图宽度 (function(c){c.fn.leakeybanner=function(c){function g(){function a(a){z=0;var d=c(".slidebtnbox .active").index();h.eq(d).css({zindex:"4",opacity:"1"});d=c(".curshowbox");switch(a){case "separatex":var e="x";var g="left top";var f="right top";var k="100%";var l=windoww/2+"px";var m="left";float2="right";break;case "separatey":e="y",g="left top",f="left bottom",k=bannerheight/2+"px",l="100%",float2=m="none"}if(!d.find(".leakeybanner"+e+"1").size()){a=d.children("img");var n=a.attr("src");g="";f="";a.css({display:"none"});d.append(g+f)}d.addclass("leakeybanner_separate").css({zindex:"5"}).find(".leakeybanner"+e+"1,.leakeybanner"+e+"2").css({animationduration:a+"s"});b.addclass("leakeybanner_separateimg curshowbox").children("img").css({animationduration:a+ "s"});d()}if(!(2>l)){var b=h.eq(g),e=b.children("img");h&&!e.hasclass("imgloaded")&&(e.attr("src",e.attr("data-src")),n.css({display:"block"}),e.load(function(){n.css({display:"none"});e.addclass("imgloaded")}));o&&"circlescale"!=p&&("number"==n||"number2"==n?(q.removeclass("active"),q.eq(g).addclass("active")):(q.html("").removeclass("active"),q.eq(g).addclass("active").append(""),q.eq(g).find("span").css({animationduration:t+"s"})));u&&(c(".activelbtxt").removeclass("activelbtxt"), c(".leakeybannertxt").eq(g).addclass("activelbtxt").css({animationdelay:v+"s"}));h.eq(g+1);g==l-1&&h.eq(0);var d=h.eq(g-1);0==g&&(d=h.eq(l-1));if("random"==f.animate){var e="fadein slideinright slideinleft slideinleft slideintop slideinbottom zoomincenter zoominbottom".split(" "),k=i(0,e.length-1);p=e[k]}"randomslide"==f.animate&&(e=["slideinright","slideinleft","slideinleft","slideintop","slideinbottom"],k=i(0,e.length-1),p=e[k]);"randomzoom"==f.animate&&(e=["zoomincenter","zoominbottom"],k=i(0, e.length-1),p=e[k]);"randomseparate"==f.animate&&(e=["separatex","separatey"],k=i(0,e.length-1),p=e[k]);switch(p){case "fadein":e=parseint(r)+500;h.not(b).css({zindex:"auto"});d.css({zindex:"4"}).animate({opacity:0},r);b.css({zindex:"5",opacity:0}).animate({opacity:1},e);break;case "slideinright":h.not(b).css({zindex:"auto",opacity:"1"});d.css({zindex:"4"});b.css({left:bannerwidth,zindex:"5",opacity:"1"}).animate({left:0},r);break;case "slideinleft":e=0-bannerwidth;h.not(b).css({zindex:"auto",opacity:"1"}); d.css({zindex:"4"});b.css({left:e,zindex:"5",opacity:"1"}).animate({left:0},r);break;case "slideintop":e=0-bannerheight;h.not(b).css({zindex:"auto",opacity:"1"});d.css({zindex:"4"});b.css({top:e,zindex:"5",opacity:"1"}).animate({top:0},r);break;case "slideinbottom":h.not(b).css({zindex:"auto",opacity:"1"});d.css({zindex:"4"});b.css({top:bannerheight,zindex:"5",opacity:"1"}).animate({top:0},r);break;case "grid":b.css({zindex:"4",opacity:"1"});d=m.find(".showitem");e=d.children("img");k=e.attr("src"); d.removeclass("showitem");for(var t="",w=windoww/p,u,x,y,v=0;v";e.css({display:"none"});d.append(t);d.addclass("leakeybanner_grid").css({zindex:"5"});d.find("span").each(function(a){x=.06*a;a=a/1.6;$(this).css({animationduration:a+"s",animationdelay:x+"s"})});d();break;case "separatey":a("separatey");break;case "separatex":a("separatex"); break;case "zoomincenter":z=0;h.not(b).css({zindex:"auto",opacity:"1"});d.css({zindex:"4"});b.addclass("leakeybanner_zoomincenter leakeybannerplay").removeattr("style").css({zindex:"5",animationduration:a+"s"});d();break;case "zoominbottom":z=0;h.not(b).css({zindex:"auto",opacity:"1"});d.css({zindex:"4"});b.addclass("leakeybanner_zoominbottom leakeybannerplay").removeattr("style").css({zindex:"5",animationduration:a+"s"});d();break;case "circlescale":z=0;c(".waitimgbox").addclass("leakeybannerplay").css({animationduration:a+ "s"});d();ia();break;default:e=parseint(r)+500,h.not(b).css({zindex:"auto"}),d.css({zindex:"4"}).animate({opacity:0},r),b.css({zindex:"5"}).animate({opacity:1},e)}h.eq(g).addclass("showitem")}}function j(){k=setinterval(function(){g++;g>=h.length&&(g=0);g()},w)}function d(){settimeout(function(){c(".leakeybannerplay").removeclass("leakeybannerplay");z=1;if(0<=p.indexof("separate")){c(".leakeybanner_separateimg").removeclass("leakeybanner_separateimg");var a=c(".leakeybanner_separate");a.css({zindex:"auto"}).children("img").css({display:"block"}); a.removeclass("curshowbox").removeclass("leakeybanner_separate");c(".leakeybannery1,.leakeybannery2,.leakeybannerx1,.leakeybannerx2").html("").remove();c(".curshowbox").css({zindex:5}).children("img").css({display:"block"})}0<=p.indexof("grid")&&(a=c(".leakeybannergrid0").parent("a"),a.css({zindex:"auto"}).children("img").css({display:"block"}),a.find("span").html("").remove(),h.eq(g).css({zindex:5}).children("img").css({display:"block"}))},r)}function ia(){settimeout(function(){var a=c(".waitimgbox"), b=a.next("a");a.removeclass("waitimgbox");b.size()||(b=m.find("a").eq(0));h.not(b).css({zindex:"auto",opacity:"1"});a.css({zindex:"4"});b.css({opacity:1,zindex:"5"}).addclass("waitimgbox");a=b.children("img");h&&(a.hasclass("imgloaded")||a.attr("src",a.attr("data-src")).addclass("imgloaded"))},r)}function x(){var a=parseint(c(window).width());if(a!=windoww||0!=y)windoww=a,a=parseint(t.height()),80<
>
");"bottomleft"==l&&c(".leakeybannerbtn").addclass("bottomleftbtn");"bottomright"==l&&c(".leakeybannerbtn").addclass("bottomrightbtn");if(q){var x=c(".leakeybannerbtn");x.addclass("changebtnimg");var aa=parseint(x.height()),r="
"; h.each(function(){var a=c(this).children("img");a=a.attr("src")||a.attr("data-src");r+="
"});r+="
";m.append(r);var v=k*l,ba=c(".changebtnimgbox");ba.width(v);var ca=c(".changebtnimgshowboxwrap"),da=null;x.on("mouseleave",function(){ca.animate({opacity:0},300)}).on("mouseenter",function(){var a=c(this);cleartimeout(da);da=settimeout(function(){var b=parseint(a.offset().left),f=parseint(a.offset().top)- parseint(m.offset().top);if("bottomleft"==l){var d=parseint(c(".leakeybanner_right").width());b=parseint(c(".leakeybanner_right").css("left"))+d}else"bottomright"==l?(d=parseint(k),b=parseint(c(".leakeybanner_left").css("right"))+d):(f=parseint(a.offset().top)-parseint(m.offset().top),a.hasclass("leakeybanner_left")?(d=parseint(a.width()),b+=d):(d=parseint(k),b-=d));ca.css({top:f,left:b}).animate({opacity:1},300);a.hasclass("leakeybanner_left")?(b=g-1,0>b&&(b=l-1),b=-(b*k)):(b=g+1,b>l-1&&(b=0),b= -(b*k));ba.css({left:b})},100)})}c(".leakeybanner_left").on("click",function(){if(z&&(g--,0>g&&(g=l-1),g(),q)){var a=c(".changebtnimgbox"),b=g-1;0>b&&(b=l-1);a.animate({left:-(b*k)},300)}});c(".leakeybanner_right").on("click",function(){if(z&&(g++,g>l-1&&(g=0),g(),q)){var a=c(".changebtnimgbox"),b=g+1;b>l-1&&(b=0);a.animate({left:-(b*k)},300)}});c(".leakeybannerbtn").on("mouseenter",function(){clearinterval(k)}).on("mouseleave",function(){j()});if("auto"==w){var s=c(".leakeybannerbtn");s.css({display:"none"}); m.on("mouseenter",function(){s.fadein(300)}).on("mouseleave",function(){s.fadeout(300)})}}if(o&&"circlescale"!=p){if(!$(".slidebtnbox").size()){w=""):w+="";m.append(w)}var q=c(".slidebtnbox li");q.on("click",function(){if(z){var a=c(this);a.hasclass("active")||(g=a.index(),g())}});q.on("mouseenter", function(){clearinterval(k)}).on("mouseleave",function(){j()});if(c&&"number2"!=n){var b="
";h.each(function(){var a=c(this).children("img");a=a.attr("src")||a.attr("data-src");b+="
"});b="middleright"==f?b+("
"):"middleleft"==f?b+(""):b+("");m.append(b);var m=c(".paginationimgshowboxwrap"),ea=c(".paginationimgbox");ea.width(u*l);c(".slidebtnbox").on("mouseleave",function(){m.animate({opacity:0},300)});var fa=null;q.on("mouseenter",function(){var a=c(this);cleartimeout(fa);fa=settimeout(function(){if("middleright"== f){var b=parseint(a.offset().left),c=parseint(a.offset().top)-parseint(m.offset().top),d=parseint(a.height());if(!a.hasclass("active")&&"pointer"==n||!a.hasclass("active")&&"pointer2"==n)d*=2;b=b-u-30;c-=(y-d)/2;m.animate({left:b,top:c,opacity:1},300);b=a.index();b=-(b*u)}else{if("middleleft"==f){b=parseint(a.offset().left);var e=parseint(a.width());c=parseint(a.offset().top)-parseint(m.offset().top);d=parseint(a.height());if(!a.hasclass("active")&&"pointer"==n||!a.hasclass("active")&&"pointer2"== n)d*=2;c-=(y-d)/2;m.animate({left:b+e+30,top:c,opacity:1},300)}else{b=parseint(a.offset().left);e=parseint(a.width());if(!a.hasclass("active")&&"pointer"==n||!a.hasclass("active")&&"pointer2"==n)e*=2;b-=(u-e)/2;m.animate({left:b,opacity:1},300)}b=a.index();b=-(b*u)}ea.animate({left:b},300)},100)})}}if(h){m.prepend('
loading
'); var n=c(".bannerloadingbox")}(function(){h.not(":first").css({opacity:0,zindex:0});h.eq("0").addclass("showitem");o&&"circlescale"!=p&&("number"==n||"number2"==n?q.eq(0).addclass("active"):(q.eq(0).addclass("active").append(""),q.eq(0).find("span").css({animationduration:t+"s"})));if(u){var a=c(".leakeybannertxt");a.eq(0).addclass("activelbtxt").css({animationdelay:v+"s"});if("auto"==z)for(var b=0;b