很喜欢在插件上进行修修改改。swiper3是我很喜欢使用的一个轮播图插件。在这个插件上面,不知道是我改动的原因,还是下载的版本原因,我现在使用的这个版本的js竟然有大部分属性兼容ie9(感到很奇迹!!)。一,这个版本在ie9上面兼容什么呢? 兼容自定义高度;传统swiper和此版本swiper对比图:(如图1)
图1
如果使用改动版本的js,可改善这个问题。 左右按钮有效,位置不变; 分页器有效,且可点击跳转到对应banner上; loop循环属性有效; 禁止切换有效; 支持一行多列(slidesperview参数); swiper的回调函数有效; breakpoints断点参数可用; 未知。改动版本在ie9上不兼容什么? 不兼容自动切换; 不支持多列1行或者多列多行; 未知。二,swiper(可复制以下代码,保存为js放于项目中);
/**
* swiper 3.4.2
* most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* copyright 2017, vladimir kharlampidi
* the idangero.us
* http://www.idangero.us/
*
* licensed under mit
*
* released on: march 10, 2017
*/
!function(){"use strict";var e,a=function(t,s){function r(e){return math.floor(e)}function i(){var e=x.params.autoplay,a=x.slides.eq(x.activeindex);a.attr("data-swiper-autoplay")&&(e=a.attr("data-swiper-autoplay")||x.params.autoplay),x.autoplaytimeoutid=settimeout(function(){x.params.loop?(x.fixloop(),x._slidenext(),x.emit("onautoplay",x)):x.isend?s.autoplaystoponlast?x.stopautoplay():(x._slideto(0),x.emit("onautoplay",x)):(x._slidenext(),x.emit("onautoplay",x))},e)}function n(a,t){var s=e(a.target);if(!s.is(t))if("string"==typeof t)s=s.parents(t);else if(t.nodetype){var r;return s.parents().each(function(e,a){a===t&&(r=t)}),r?t:void 0}if(0!==s.length)return s[0]}function o(e,a){a=a||{};var t=window.mutationobserver||window.webkitmutationobserver,s=new t(function(e){e.foreach(function(e){x.onresize(!0),x.emit("onobserverupdate",x,e)})});s.observe(e,{attributes:void 0===a.attributes||a.attributes,childlist:void 0===a.childlist||a.childlist,characterdata:void 0===a.characterdata||a.characterdata}),x.observers.push(s)}function l(e){e.originalevent&&(e=e.originalevent);var a=e.keycode||e.charcode;if(!x.params.allowswipetonext&&(x.ishorizontal()&&39===a||!x.ishorizontal()&&40===a))return!1;if(!x.params.allowswipetoprev&&(x.ishorizontal()&&37===a||!x.ishorizontal()&&38===a))return!1;if(!(e.shiftkey||e.altkey||e.ctrlkey||e.metakey||document.activeelement&&document.activeelement.nodename&&("input"===document.activeelement.nodename.tolowercase()||"textarea"===document.activeelement.nodename.tolowercase()))){if(37===a||39===a||38===a||40===a){var t=!1;if(x.container.parents("."+x.params.slideclass).length>0&&0===x.container.parents("."+x.params.slideactiveclass).length)return;var s={left:window.pagexoffset,top:window.pageyoffset},r=window.innerwidth,i=window.innerheight,n=x.container.offset();x.rtl&&(n.left=n.left-x.container[0].scrollleft);for(var o=[[n.left,n.top],[n.left+x.width,n.top],[n.left,n.top+x.height],[n.left+x.width,n.top+x.height]],l=0;l<o.length;l++){var p=o[l];p[0]>=s.left&&p[0]<=s.left+r&&p[1]>=s.top&&p[1]<=s.top+i&&(t=!0)}if(!t)return}x.ishorizontal()?(37!==a&&39!==a||(e.preventdefault?e.preventdefault():e.returnvalue=!1),(39===a&&!x.rtl||37===a&&x.rtl)&&x.slidenext(),(37===a&&!x.rtl||39===a&&x.rtl)&&x.slideprev()):(38!==a&&40!==a||(e.preventdefault?e.preventdefault():e.returnvalue=!1),40===a&&x.slidenext(),38===a&&x.slideprev()),x.emit("onkeypress",x,a)}}function p(e){var a=0,t=0,s=0,r=0;return"detail"in e&&(t=e.detail),"wheeldelta"in e&&(t=-e.wheeldelta/120),"wheeldeltay"in e&&(t=-e.wheeldeltay/120),"wheeldeltax"in e&&(a=-e.wheeldeltax/120),"axis"in e&&e.axis===e.horizontal_axis&&(a=t,t=0),s=10*a,r=10*t,"deltay"in e&&(r=e.deltay),"deltax"in e&&(s=e.deltax),(s||r)&&e.deltamode&&(1===e.deltamode?(s*=40,r*=40):(s*=800,r*=800)),s&&!a&&(a=s<1?-1:1),r&&!t&&(t=r<1?-1:1),{spinx:a,spiny:t,pixelx:s,pixely:r}}function d(e){e.originalevent&&(e=e.originalevent);var a=0,t=x.rtl?-1:1,s=p(e);if(x.params.mousewheelforcetoaxis)if(x.ishorizontal()){if(!(math.abs(s.pixelx)>math.abs(s.pixely)))return;a=s.pixelx*t}else{if(!(math.abs(s.pixely)>math.abs(s.pixelx)))return;a=s.pixely}else a=math.abs(s.pixelx)>math.abs(s.pixely)?-s.pixelx*t:-s.pixely;if(0!==a){if(x.params.mousewheelinvert&&(a=-a),x.params.freemode){var r=x.getwrappertranslate()+a*x.params.mousewheelsensitivity,i=x.isbeginning,n=x.isend;if(r>=x.mintranslate()&&(r=x.mintranslate()),r<=x.maxtranslate()&&(r=x.maxtranslate()),x.setwrappertransition(0),x.setwrappertranslate(r),x.updateprogress(),x.updateactiveindex(),(!i&&x.isbeginning||!n&&x.isend)&&x.updateclasses(),x.params.freemodesticky?(cleartimeout(x.mousewheel.timeout),x.mousewheel.timeout=settimeout(function(){x.slidereset()},300)):x.params.lazyloading&&x.lazy&&x.lazy.load(),x.emit("onscroll",x,e),x.params.autoplay&&x.params.autoplaydisableoninteraction&&x.stopautoplay(),0===r||r===x.maxtranslate())return}else{if((new window.date).gettime()-x.mousewheel.lastscrolltime>60)if(a<0)if(x.isend&&!x.params.loop||x.animating){if(x.params.mousewheelreleaseonedges)return!0}else x.slidenext(),x.emit("onscroll",x,e);else if(x.isbeginning&&!x.params.loop||x.animating){if(x.params.mousewheelreleaseonedges)return!0}else x.slideprev(),x.emit("onscroll",x,e);x.mousewheel.lastscrolltime=(new window.date).gettime()}return e.preventdefault?e.preventdefault():e.returnvalue=!1,!1}}function m(a,t){a=e(a);var s,r,i,n=x.rtl?-1:1;s=a.attr("data-swiper-parallax")||"0",r=a.attr("data-swiper-parallax-x"),i=a.attr("data-swiper-parallax-y"),r||i?(r=r||"0",i=i||"0"):x.ishorizontal()?(r=s,i="0"):(i=s,r="0"),r=r.indexof("%")>=0?parseint(r,10)*t*n+"%":r*t*n+"px",i=i.indexof("%")>=0?parseint(i,10)*t+"%":i*t+"px",a.transform("translate3d("+r+", "+i+",0px)")}function u(e){return 0!==e.indexof("on")&&(e=e[0]!==e[0].touppercase()?"on"+e[0].touppercase()+e.substring(1):"on"+e),e}if(!(this instanceof a))return new a(t,s);var c={direction:"horizontal",toucheventstarget:"container",initialslide:0,speed:300,autoplay:!1,autoplaydisableoninteraction:!0,autoplaystoponlast:!1,iosedgeswipedetection:!1,iosedgeswipethreshold:20,freemode:!1,freemodemomentum:!0,freemodemomentumratio:1,freemodemomentumbounce:!0,freemodemomentumbounceratio:1,freemodemomentumvelocityratio:1,freemodesticky:!1,freemodeminimumvelocity:.02,autoheight:!1,setwrappersize:!1,virtualtranslate:!1,effect:"slide",coverflow:{rotate:50,stretch:0,depth:100,modifier:1,slideshadows:!0},flip:{slideshadows:!0,limitrotation:!0},cube:{slideshadows:!0,shadow:!0,shadowoffset:20,shadowscale:.94},fade:{crossfade:!1},parallax:!1,zoom:!1,zoommax:3,zoommin:1,zoomtoggle:!0,scrollbar:null,scrollbarhide:!0,scrollbardraggable:!1,scrollbarsnaponrelease:!1,keyboardcontrol:!1,mousewheelcontrol:!1,mousewheelreleaseonedges:!1,mousewheelinvert:!1,mousewheelforcetoaxis:!1,mousewheelsensitivity:1,mousewheeleventstarged:"container",hashnav:!1,hashnavwatchstate:!1,history:!1,replacestate:!1,breakpoints:void 0,spacebetween:0,slidesperview:1,slidespercolumn:1,slidespercolumnfill:"column",slidespergroup:1,centeredslides:!1,slidesoffsetbefore:0,slidesoffsetafter:0,roundlengths:!1,touchratio:1,touchangle:45,simulatetouch:!0,shortswipes:!0,longswipes:!0,longswipesratio:.5,longswipesms:300,followfinger:!0,onlyexternal:!1,threshold:0,touchmovestoppropagation:!0,touchreleaseonedges:!1,uniquenavelements:!0,pagination:null,paginationelement:"span",paginationclickable:!1,paginationhide:!1,paginationbulletrender:null,paginationprogressrender:null,paginationfractionrender:null,paginationcustomrender:null,paginationtype:"bullets",resistance:!0,resistanceratio:.85,nextbutton:null,prevbutton:null,watchslidesprogress:!1,watchslidesvisibility:!1,grabcursor:!1,preventclicks:!0,preventclickspropagation:!0,slidetoclickedslide:!1,lazyloading:!1,lazyloadinginprevnext:!1,lazyloadinginprevnextamount:1,lazyloadingontransitionstart:!1,preloadimages:!0,updateonimagesready:!0,loop:!1,loopadditionalslides:0,loopedslides:null,control:void 0,controlinverse:!1,controlby:"slide",normalizeslideindex:!0,allowswipetoprev:!0,allowswipetonext:!0,swipehandler:null,noswiping:!0,noswipingclass:"swiper-no-swiping",passivelisteners:!0,containermodifierclass:"swiper-container-",slideclass:"swiper-slide",slideactiveclass:"swiper-slide-active",slideduplicateactiveclass:"swiper-slide-duplicate-active",slidevisibleclass:"swiper-slide-visible",slideduplicateclass:"swiper-slide-duplicate",slidenextclass:"swiper-slide-next",slideduplicatenextclass:"swiper-slide-duplicate-next",slideprevclass:"swiper-slide-prev",slideduplicateprevclass:"swiper-slide-duplicate-prev",wrapperclass:"swiper-wrapper",bulletclass:"swiper-pagination-bullet",bulletactiveclass:"swiper-pagination-bullet-active",buttondisabledclass:"swiper-button-disabled",paginationcurrentclass:"swiper-pagination-current",paginationtotalclass:"swiper-pagination-total",paginationhiddenclass:"swiper-pagination-hidden",paginationprogressbarclass:"swiper-pagination-progressbar",paginationclickableclass:"swiper-pagination-clickable",paginationmodifierclass:"swiper-pagination-",lazyloadingclass:"swiper-lazy",lazystatusloadingclass:"swiper-lazy-loading",lazystatusloadedclass:"swiper-lazy-loaded",lazypreloaderclass:"swiper-lazy-preloader",notificationclass:"swiper-notification",preloaderclass:"preloader",zoomcontainerclass:"swiper-zoom-container",observer:!1,observeparents:!1,a11y:!1,prevslidemessage:"previous slide",nextslidemessage:"next slide",firstslidemessage:"this is the first slide",lastslidemessage:"this is the last slide",paginationbulletmessage:"go to slide {{index}}",runcallbacksoninit:!0},g=s&&s.virtualtranslate;s=s||{};var h={};for(var v in s)if("object"!=typeof s[v]||null===s[v]||(s[v].nodetype||s[v]===window||s[v]===document||"undefined"!=typeof dom7&&s[v]instanceof dom7||"undefined"!=typeof jquery&&s[v]instanceof jquery))h[v]=s[v];else{h[v]={};for(var f in s[v])h[v][f]=s[v][f]}for(var w in c)if(void 0===s[w])s[w]=c[w];else if("object"==typeof s[w])for(var y in c[w])void 0===s[w][y]&&(s[w][y]=c[w][y]);var x=this;if(x.params=s,x.originalparams=h,x.classnames=[],void 0!==e&&"undefined"!=typeof dom7&&(e=dom7),(void 0!==e||(e="undefined"==typeof dom7?window.dom7||window.zepto||window.jquery:dom7))&&(x.$=e,x.currentbreakpoint=void 0,x.getactivebreakpoint=function(){if(!x.params.breakpoints)return!1;var e,a=!1,t=[];for(e in x.params.breakpoints)x.params.breakpoints.hasownproperty(e)&&t.push(e);t.sort(function(e,a){return parseint(e,10)>parseint(a,10)});for(var s=0;s<t.length;s++)(e=t[s])>=window.innerwidth&&!a&&(a=e);return a||"max"},x.setbreakpoint=function(){var e=x.getactivebreakpoint();if(e&&x.currentbreakpoint!==e){var a=e in x.params.breakpoints?x.params.breakpoints[e]:x.originalparams,t=x.params.loop&&a.slidesperview!==x.params.slidesperview;for(var s in a)x.params[s]=a[s];x.currentbreakpoint=e,t&&x.destroyloop&&x.reloop(!0)}},x.params.breakpoints&&x.setbreakpoint(),x.container=e(t),0!==x.container.length)){if(x.container.length>1){var t=[];return x.container.each(function(){t.push(new a(this,s))}),t}x.container[0].swiper=x,x.container.data("swiper",x),x.classnames.push(x.params.containermodifierclass+x.params.direction),x.params.freemode&&x.classnames.push(x.params.containermodifierclass+"free-mode"),x.support.flexbox||(x.classnames.push(x.params.containermodifierclass+"no-flexbox"),x.params.slidespercolumn=1),x.params.autoheight&&x.classnames.push(x.params.containermodifierclass+"autoheight"),(x.params.parallax||x.params.watchslidesvisibility)&&(x.params.watchslidesprogress=!0),x.params.touchreleaseonedges&&(x.params.resistanceratio=0),["cube","coverflow","flip"].indexof(x.params.effect)>=0&&(x.support.transforms3d?(x.params.watchslidesprogress=!0,x.classnames.push(x.params.containermodifierclass+"3d")):x.params.effect="slide"),"slide"!==x.params.effect&&x.classnames.push(x.params.containermodifierclass+x.params.effect),"cube"===x.params.effect&&(x.params.resistanceratio=0,x.params.slidesperview=1,x.params.slidespercolumn=1,x.params.slidespergroup=1,x.params.centeredslides=!1,x.params.spacebetween=0,x.params.virtualtranslate=!0),"fade"!==x.params.effect&&"flip"!==x.params.effect||(x.params.slidesperview=1,x.params.slidespercolumn=1,x.params.slidespergroup=1,x.params.watchslidesprogress=!0,x.params.spacebetween=0,void 0===g&&(x.params.virtualtranslate=!0)),x.params.grabcursor&&x.support.touch&&(x.params.grabcursor=!1),x.wrapper=x.container.children("."+x.params.wrapperclass),x.params.pagination&&(x.paginationcontainer=e(x.params.pagination),x.params.uniquenavelements&&"string"==typeof x.params.pagination&&x.paginationcontainer.length>1&&1===x.container.find(x.params.pagination).length&&(x.paginationcontainer=x.container.find(x.params.pagination)),"bullets"===x.params.paginationtype&&x.params.paginationclickable?x.paginationcontainer.addclass(x.params.paginationmodifierclass+"clickable"):x.params.paginationclickable=!1,x.paginationcontainer.addclass(x.params.paginationmodifierclass+x.params.paginationtype)),(x.params.nextbutton||x.params.prevbutton)&&(x.params.nextbutton&&(x.nextbutton=e(x.params.nextbutton),x.params.uniquenavelements&&"string"==typeof x.params.nextbutton&&x.nextbutton.length>1&&1===x.container.find(x.params.nextbutton).length&&(x.nextbutton=x.container.find(x.params.nextbutton))),x.params.prevbutton&&(x.prevbutton=e(x.params.prevbutton),x.params.uniquenavelements&&"string"==typeof x.params.prevbutton&&x.prevbutton.length>1&&1===x.container.find(x.params.prevbutton).length&&(x.prevbutton=x.container.find(x.params.prevbutton)))),x.ishorizontal=function(){return"horizontal"===x.params.direction},x.rtl=x.ishorizontal()&&("rtl"===x.container[0].dir.tolowercase()||"rtl"===x.container.css("direction")),x.rtl&&x.classnames.push(x.params.containermodifierclass+"rtl"),x.rtl&&(x.wrongrtl="-webkit-box"===x.wrapper.css("display")),x.params.slidespercolumn>1&&x.classnames.push(x.params.containermodifierclass+"multirow"),x.device.android&&x.classnames.push(x.params.containermodifierclass+"android"),x.container.addclass(x.classnames.join(" ")),x.translate=0,x.progress=0,x.velocity=0,x.lockswipetonext=function(){x.params.allowswipetonext=!1,x.params.allowswipetoprev===!1&&x.params.grabcursor&&x.unsetgrabcursor()},x.lockswipetoprev=function(){x.params.allowswipetoprev=!1,x.params.allowswipetonext===!1&&x.params.grabcursor&&x.unsetgrabcursor()},x.lockswipes=function(){x.params.allowswipetonext=x.params.allowswipetoprev=!1,x.params.grabcursor&&x.unsetgrabcursor()},x.unlockswipetonext=function(){x.params.allowswipetonext=!0,x.params.allowswipetoprev===!0&&x.params.grabcursor&&x.setgrabcursor()},x.unlockswipetoprev=function(){x.params.allowswipetoprev=!0,x.params.allowswipetonext===!0&&x.params.grabcursor&&x.setgrabcursor()},x.unlockswipes=function(){x.params.allowswipetonext=x.params.allowswipetoprev=!0,x.params.grabcursor&&x.setgrabcursor()},x.setgrabcursor=function(e){x.container[0].style.cursor="move",x.container[0].style.cursor=e?"-webkit-grabbing":"-webkit-grab",x.container[0].style.cursor=e?"-moz-grabbin":"-moz-grab",x.container[0].style.cursor=e?"grabbing":"grab"},x.unsetgrabcursor=function(){x.container[0].style.cursor=""},x.params.grabcursor&&x.setgrabcursor(),x.imagestoload=[],x.imagesloaded=0,x.loadimage=function(e,a,t,s,r,i){function n(){i&&i()}var o;e.complete&&r?n():a?(o=new window.image,o.onload=n,o.onerror=n,s&&(o.sizes=s),t&&(o.srcset=t),a&&(o.src=a)):n()},x.preloadimages=function(){function e(){void 0!==x&&null!==x&&x&&(void 0!==x.imagesloaded&&x.imagesloaded++,x.imagesloaded===x.imagestoload.length&&(x.params.updateonimagesready&&x.update(),x.emit("onimagesready",x)))}x.imagestoload=x.container.find("img");for(var a=0;a<x.imagestoload.length;a++)x.loadimage(x.imagestoload[a],x.imagestoload[a].currentsrc||x.imagestoload[a].getattribute("src"),x.imagestoload[a].srcset||x.imagestoload[a].getattribute("srcset"),x.imagestoload[a].sizes||x.imagestoload[a].getattribute("sizes"),!0,e)},x.autoplaytimeoutid=void 0,x.autoplaying=!1,x.autoplaypaused=!1,x.startautoplay=function(){return void 0===x.autoplaytimeoutid&&(!!x.params.autoplay&&(!x.autoplaying&&(x.autoplaying=!0,x.emit("onautoplaystart",x),void i())))},x.stopautoplay=function(e){x.autoplaytimeoutid&&(x.autoplaytimeoutid&&cleartimeout(x.autoplaytimeoutid),x.autoplaying=!1,x.autoplaytimeoutid=void 0,x.emit("onautoplaystop",x))},x.pauseautoplay=function(e){x.autoplaypaused||(x.autoplaytimeoutid&&cleartimeout(x.autoplaytimeoutid),x.autoplaypaused=!0,0===e?(x.autoplaypaused=!1,i()):x.wrapper.transitionend(function(){x&&(x.autoplaypaused=!1,x.autoplaying?i():x.stopautoplay())}))},x.mintranslate=function(){return-x.snapgrid[0]},x.maxtranslate=function(){return-x.snapgrid[x.snapgrid.length-1]},x.updateautoheight=function(){var e,a=[],t=0;if("auto"!==x.params.slidesperview&&x.params.slidesperview>1)for(e=0;e<math.ceil(x.params.slidesperview);e++){var s=x.activeindex+e;if(s>x.slides.length)break;a.push(x.slides.eq(s)[0])}else a.push(x.slides.eq(x.activeindex)[0]);for(e=0;e<a.length;e++)if(void 0!==a[e]){var r=a[e].offsetheight;t=r>t?r:t}t&&x.wrapper.css("height",t+"px")},x.updatecontainersize=function(){var e,a;e=void 0!==x.params.width?x.params.width:x.container[0].clientwidth,a=void 0!==x.params.height?x.params.height:x.container[0].clientheight,0===e&&x.ishorizontal()||0===a&&!x.ishorizontal()||(e=e-parseint(x.container.css("padding-left"),10)-parseint(x.container.css("padding-right"),10),a=a-parseint(x.container.css("padding-top"),10)-parseint(x.container.css("padding-bottom"),10),x.width=e,x.height=a,x.size=x.ishorizontal()?x.width:x.height)},x.updateslidessize=function(){x.slides=x.wrapper.children("."+x.params.slideclass),x.snapgrid=[],x.slidesgrid=[],x.slidessizesgrid=[];var e,a=x.params.spacebetween,t=-x.params.slidesoffsetbefore,s=0,i=0;if(void 0!==x.size){"string"==typeof a&&a.indexof("%")>=0&&(a=parsefloat(a.replace("%",""))/100*x.size),x.virtualsize=-a,x.rtl?x.slides.css({marginleft:"",margintop:""}):x.slides.css({marginright:"",marginbottom:""});var n;x.params.slidespercolumn>1&&(n=math.floor(x.slides.length/x.params.slidespercolumn)===x.slides.length/x.params.slidespercolumn?x.slides.length:math.ceil(x.slides.length/x.params.slidespercolumn)*x.params.slidespercolumn,"auto"!==x.params.slidesperview&&"row"===x.params.slidespercolumnfill&&(n=math.max(n,x.params.slidesperview*x.params.slidespercolumn)));var o,l=x.params.slidespercolumn,p=n/l,d=p-(x.params.slidespercolumn*p-x.slides.length);for(e=0;e<x.slides.length;e++){o=0;var m=x.slides.eq(e);if(x.params.slidespercolumn>1){var u,c,g;"column"===x.params.slidespercolumnfill?(c=math.floor(e/l),g=e-c*l,(c>d||c===d&&g===l-1)&&++g>=l&&(g=0,c++),u=c+g*n/l,m.css({"-webkit-box-ordinal-group":u,"-moz-box-ordinal-group":u,"-ms-flex-order":u,"-webkit-order":u,order:u})):(g=math.floor(e/p),c=e-g*p),m.css("margin-"+(x.ishorizontal()?"top":"left"),0!==g&&x.params.spacebetween&&x.params.spacebetween+"px").attr("data-swiper-column",c).attr("data-swiper-row",g)}"none"!==m.css("display")&&("auto"===x.params.slidesperview?(o=x.ishorizontal()?m.outerwidth(!0):m.outerheight(!0),x.params.roundlengths&&(o=r(o))):(o=(x.size-(x.params.slidesperview-1)*a)/x.params.slidesperview,x.params.roundlengths&&(o=r(o)),x.ishorizontal()?x.slides[e].style.width=o+"px":x.slides[e].style.height=o+"px"),x.slides[e].swiperslidesize=o,x.slidessizesgrid.push(o),x.params.centeredslides?(t=t+o/2+s/2+a,0===s&&0!==e&&(t=t-x.size/2-a),0===e&&(t=t-x.size/2-a),math.abs(t)<.001&&(t=0),i%x.params.slidespergroup==0&&x.snapgrid.push(t),x.slidesgrid.push(t)):(i%x.params.slidespergroup==0&&x.snapgrid.push(t),x.slidesgrid.push(t),t=t+o+a),x.virtualsize+=o+a,s=o,i++)}x.virtualsize=math.max(x.virtualsize,x.size)+x.params.slidesoffsetafter;var h;if(x.rtl&&x.wrongrtl&&("slide"===x.params.effect||"coverflow"===x.params.effect)&&x.wrapper.css({width:x.virtualsize+x.params.spacebetween+"px"}),x.support.flexbox&&!x.params.setwrappersize||(x.ishorizontal()?x.wrapper.css({width:x.virtualsize+x.params.spacebetween+"px"}):x.wrapper.css({height:x.virtualsize+x.params.spacebetween+"px"})),x.params.slidespercolumn>1&&(x.virtualsize=(o+x.params.spacebetween)*n,x.virtualsize=math.ceil(x.virtualsize/x.params.slidespercolumn)-x.params.spacebetween,x.ishorizontal()?x.wrapper.css({width:x.virtualsize+x.params.spacebetween+"px"}):x.wrapper.css({height:x.virtualsize+x.params.spacebetween+"px"}),x.params.centeredslides)){for(h=[],e=0;e<x.snapgrid.length;e++)x.snapgrid[e]<x.virtualsize+x.snapgrid[0]&&h.push(x.snapgrid[e]);x.snapgrid=h}if(!x.params.centeredslides){for(h=[],e=0;e<x.snapgrid.length;e++)x.snapgrid[e]<=x.virtualsize-x.size&&h.push(x.snapgrid[e]);x.snapgrid=h,math.floor(x.virtualsize-x.size)-math.floor(x.snapgrid[x.snapgrid.length-1])>1&&x.snapgrid.push(x.virtualsize-x.size)}0===x.snapgrid.length&&(x.snapgrid=[0]),0!==x.params.spacebetween&&(x.ishorizontal()?x.rtl?x.slides.css({marginleft:a+"px"}):x.slides.css({marginright:a+"px"}):x.slides.css({marginbottom:a+"px"})),x.params.watchslidesprogress&&x.updateslidesoffset()}},x.updateslidesoffset=function(){for(var e=0;e<x.slides.length;e++)x.slides[e].swiperslideoffset=x.ishorizontal()?x.slides[e].offsetleft:x.slides[e].offsettop},x.currentslidesperview=function(){var e,a,t=1;if(x.params.centeredslides){var s,r=x.slides[x.activeindex].swiperslidesize;for(e=x.activeindex+1;e<x.slides.length;e++)x.slides[e]&&!s&&(r+=x.slides[e].swiperslidesize,t++,r>x.size&&(s=!0));for(a=x.activeindex-1;a>=0;a--)x.slides[a]&&!s&&(r+=x.slides[a].swiperslidesize,t++,r>x.size&&(s=!0))}else for(e=x.activeindex+1;e<x.slides.length;e++)x.slidesgrid[e]-x.slidesgrid[x.activeindex]<x.size&&t++;return t},x.updateslidesprogress=function(e){if(void 0===e&&(e=x.translate||0),0!==x.slides.length){void 0===x.slides[0].swiperslideoffset&&x.updateslidesoffset();var a=-e;x.rtl&&(a=e),x.slides.removeclass(x.params.slidevisibleclass);for(var t=0;t<x.slides.length;t++){var s=x.slides[t],r=(a+(x.params.centeredslides?x.mintranslate():0)-s.swiperslideoffset)/(s.swiperslidesize+x.params.spacebetween);if(x.params.watchslidesvisibility){var i=-(a-s.swiperslideoffset),n=i+x.slidessizesgrid[t];(i>=0&&i<x.size||n>0&&n<=x.size||i<=0&&n>=x.size)&&x.slides.eq(t).addclass(x.params.slidevisibleclass)}s.progress=x.rtl?-r:r}}},x.updateprogress=function(e){void 0===e&&(e=x.translate||0);var a=x.maxtranslate()-x.mintranslate(),t=x.isbeginning,s=x.isend;0===a?(x.progress=0,x.isbeginning=x.isend=!0):(x.progress=(e-x.mintranslate())/a,x.isbeginning=x.progress<=0,x.isend=x.progress>=1),x.isbeginning&&!t&&x.emit("onreachbeginning",x),x.isend&&!s&&x.emit("onreachend",x),x.params.watchslidesprogress&&x.updateslidesprogress(e),x.emit("onprogress",x,x.progress)},x.updateactiveindex=function(){var e,a,t,s=x.rtl?x.translate:-x.translate;for(a=0;a<x.slidesgrid.length;a++)void 0!==x.slidesgrid[a+1]?s>=x.slidesgrid[a]&&s<x.slidesgrid[a+1]-(x.slidesgrid[a+1]-x.slidesgrid[a])/2?e=a:s>=x.slidesgrid[a]&&s<x.slidesgrid[a+1]&&(e=a+1):s>=x.slidesgrid[a]&&(e=a);x.params.normalizeslideindex&&(e<0||void 0===e)&&(e=0),t=math.floor(e/x.params.slidespergroup),t>=x.snapgrid.length&&(t=x.snapgrid.length-1),e!==x.activeindex&&(x.snapindex=t,x.previousindex=x.activeindex,x.activeindex=e,x.updateclasses(),x.updaterealindex())},x.updaterealindex=function(){x.realindex=parseint(x.slides.eq(x.activeindex).attr("data-swiper-slide-index")||x.activeindex,10)},x.updateclasses=function(){x.slides.removeclass(x.params.slideactiveclass+" "+x.params.slidenextclass+" "+x.params.slideprevclass+" "+x.params.slideduplicateactiveclass+" "+x.params.slideduplicatenextclass+" "+x.params.slideduplicateprevclass);var a=x.slides.eq(x.activeindex);a.addclass(x.params.slideactiveclass),s.loop&&(a.hasclass(x.params.slideduplicateclass)?x.wrapper.children("."+x.params.slideclass+":not(."+x.params.slideduplicateclass+')[data-swiper-slide-index="'+x.realindex+'"]').addclass(x.params.slideduplicateactiveclass):x.wrapper.children("."+x.params.slideclass+"."+x.params.slideduplicateclass+'[data-swiper-slide-index="'+x.realindex+'"]').addclass(x.params.slideduplicateactiveclass));var t=a.next("."+x.params.slideclass).addclass(x.params.slidenextclass);x.params.loop&&0===t.length&&(t=x.slides.eq(0),t.addclass(x.params.slidenextclass));var r=a.prev("."+x.params.slideclass).addclass(x.params.slideprevclass);if(x.params.loop&&0===r.length&&(r=x.slides.eq(-1),r.addclass(x.params.slideprevclass)),s.loop&&(t.hasclass(x.params.slideduplicateclass)?x.wrapper.children("."+x.params.slideclass+":not(."+x.params.slideduplicateclass+')[data-swiper-slide-index="'+t.attr("data-swiper-slide-index")+'"]').addclass(x.params.slideduplicatenextclass):x.wrapper.children("."+x.params.slideclass+"."+x.params.slideduplicateclass+'[data-swiper-slide-index="'+t.attr("data-swiper-slide-index")+'"]').addclass(x.params.slideduplicatenextclass),r.hasclass(x.params.slideduplicateclass)?x.wrapper.children("."+x.params.slideclass+":not(."+x.params.slideduplicateclass+')[data-swiper-slide-index="'+r.attr("data-swiper-slide-index")+'"]').addclass(x.params.slideduplicateprevclass):x.wrapper.children("."+x.params.slideclass+"."+x.params.slideduplicateclass+'[data-swiper-slide-index="'+r.attr("data-swiper-slide-index")+'"]').addclass(x.params.slideduplicateprevclass)),x.paginationcontainer&&x.paginationcontainer.length>0){var i,n=x.params.loop?math.ceil((x.slides.length-2*x.loopedslides)/x.params.slidespergroup):x.snapgrid.length;if(x.params.loop?(i=math.ceil((x.activeindex-x.loopedslides)/x.params.slidespergroup),i>x.slides.length-1-2*x.loopedslides&&(i-=x.slides.length-2*x.loopedslides),i>n-1&&(i-=n),i<0&&"bullets"!==x.params.paginationtype&&(i=n+i)):i=void 0!==x.snapindex?x.snapindex:x.activeindex||0,"bullets"===x.params.paginationtype&&x.bullets&&x.bullets.length>0&&(x.bullets.removeclass(x.params.bulletactiveclass),x.paginationcontainer.length>1?x.bullets.each(function(){e(this).index()===i&&e(this).addclass(x.params.bulletactiveclass)}):x.bullets.eq(i).addclass(x.params.bulletactiveclass)),"fraction"===x.params.paginationtype&&(x.paginationcontainer.find("."+x.params.paginationcurrentclass).text(i+1),x.paginationcontainer.find("."+x.params.paginationtotalclass).text(n)),"progress"===x.params.paginationtype){var o=(i+1)/n,l=o,p=1;x.ishorizontal()||(p=o,l=1),x.paginationcontainer.find("."+x.params.paginationprogressbarclass).transform("translate3d(0,0,0) scalex("+l+") scaley("+p+")").transition(x.params.speed)}"custom"===x.params.paginationtype&&x.params.paginationcustomrender&&(x.paginationcontainer.html(x.params.paginationcustomrender(x,i+1,n)),x.emit("onpaginationrendered",x,x.paginationcontainer[0]))}x.params.loop||(x.params.prevbutton&&x.prevbutton&&x.prevbutton.length>0&&(x.isbeginning?(x.prevbutton.addclass(x.params.buttondisabledclass),x.params.a11y&&x.a11y&&x.a11y.disable(x.prevbutton)):(x.prevbutton.removeclass(x.params.buttondisabledclass),x.params.a11y&&x.a11y&&x.a11y.enable(x.prevbutton))),x.params.nextbutton&&x.nextbutton&&x.nextbutton.length>0&&(x.isend?(x.nextbutton.addclass(x.params.buttondisabledclass),x.params.a11y&&x.a11y&&x.a11y.disable(x.nextbutton)):(x.nextbutton.removeclass(x.params.buttondisabledclass),x.params.a11y&&x.a11y&&x.a11y.enable(x.nextbutton))))},x.updatepagination=function(){if(x.params.pagination&&x.paginationcontainer&&x.paginationcontainer.length>0){var e="";if("bullets"===x.params.paginationtype){for(var a=x.params.loop?math.ceil((x.slides.length-2*x.loopedslides)/x.params.slidespergroup):x.snapgrid.length,t=0;t<a;t++)e+=x.params.paginationbulletrender?x.params.paginationbulletrender(x,t,x.params.bulletclass):"<"+x.params.paginationelement+' class="'+x.params.bulletclass+'"></'+x.params.paginationelement+">";x.paginationcontainer.html(e),x.bullets=x.paginationcontainer.find("."+x.params.bulletclass),x.params.paginationclickable&&x.params.a11y&&x.a11y&&x.a11y.initpagination()}"fraction"===x.params.paginationtype&&(e=x.params.paginationfractionrender?x.params.paginationfractionrender(x,x.params.paginationcurrentclass,x.params.paginationtotalclass):'<span class="'+x.params.paginationcurrentclass+'"></span> / <span class="'+x.params.paginationtotalclass+'"></span>',x.paginationcontainer.html(e)),"progress"===x.params.paginationtype&&(e=x.params.paginationprogressrender?x.params.paginationprogressrender(x,x.params.paginationprogressbarclass):'<span class="'+x.params.paginationprogressbarclass+'"></span>',x.paginationcontainer.html(e)),"custom"!==x.params.paginationtype&&x.emit("onpaginationrendered",x,x.paginationcontainer[0])}},x.update=function(e){function a(){x.rtl,x.translate;t=math.min(math.max(x.translate,x.maxtranslate()),x.mintranslate()),x.setwrappertranslate(t),x.updateactiveindex(),x.updateclasses()}if(x){x.updatecontainersize(),x.updateslidessize(),x.updateprogress(),x.updatepagination(),x.updateclasses(),x.params.scrollbar&&x.scrollbar&&x.scrollbar.set();var t;if(e){x.controller&&x.controller.spline&&(x.controller.spline=void 0),x.params.freemode?(a(),x.params.autoheight&&x.updateautoheight()):(("auto"===x.params.slidesperview||x.params.slidesperview>1)&&x.isend&&!x.params.centeredslides?x.slideto(x.slides.length-1,0,!1,!0):x.slideto(x.activeindex,0,!1,!0))||a()}else x.params.autoheight&&x.updateautoheight()}},x.onresize=function(e){x.params.onbeforeresize&&x.params.onbeforeresize(x),x.params.breakpoints&&x.setbreakpoint();var a=x.params.allowswipetoprev,t=x.params.allowswipetonext;x.params.allowswipetoprev=x.params.allowswipetonext=!0,x.updatecontainersize(),x.updateslidessize(),("auto"===x.params.slidesperview||x.params.freemode||e)&&x.updatepagination(),x.params.scrollbar&&x.scrollbar&&x.scrollbar.set(),x.controller&&x.controller.spline&&(x.controller.spline=void 0);var s=!1;if(x.params.freemode){var r=math.min(math.max(x.translate,x.maxtranslate()),x.mintranslate());x.setwrappertranslate(r),x.updateactiveindex(),x.updateclasses(),x.params.autoheight&&x.updateautoheight()}else x.updateclasses(),s=("auto"===x.params.slidesperview||x.params.slidesperview>1)&&x.isend&&!x.params.centeredslides?x.slideto(x.slides.length-1,0,!1,!0):x.slideto(x.activeindex,0,!1,!0);x.params.lazyloading&&!s&&x.lazy&&x.lazy.load(),x.params.allowswipetoprev=a,x.params.allowswipetonext=t,x.params.onafterresize&&x.params.onafterresize(x)},x.toucheventsdesktop={start:"mousedown",move:"mousemove",end:"mouseup"},window.navigator.pointerenabled?x.toucheventsdesktop={start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.mspointerenabled&&(x.toucheventsdesktop={start:"mspointerdown",move:"mspointermove",end:"mspointerup"}),x.touchevents={start:x.support.touch||!x.params.simulatetouch?"touchstart":x.toucheventsdesktop.start,move:x.support.touch||!x.params.simulatetouch?"touchmove":x.toucheventsdesktop.move,end:x.support.touch||!x.params.simulatetouch?"touchend":x.toucheventsdesktop.end},(window.navigator.pointerenabled||window.navigator.mspointerenabled)&&("container"===x.params.toucheventstarget?x.container:x.wrapper).addclass("swiper-wp8-"+x.params.direction),x.initevents=function(e){var a=e?"off":"on",t=e?"removeeventlistener":"addeventlistener",r="container"===x.params.toucheventstarget?x.container[0]:x.wrapper[0],i=x.support.touch?r:document,n=!!x.params.nested;if(x.browser.ie)r[t](x.touchevents.start,x.ontouchstart,!1),i[t](x.touchevents.move,x.ontouchmove,n),i[t](x.touchevents.end,x.ontouchend,!1);else{if(x.support.touch){var o=!("touchstart"!==x.touchevents.start||!x.support.passivelistener||!x.params.passivelisteners)&&{passive:!0,capture:!1};r[t](x.touchevents.start,x.ontouchstart,o),r[t](x.touchevents.move,x.ontouchmove,n),r[t](x.touchevents.end,x.ontouchend,o)}(s.simulatetouch&&!x.device.ios&&!x.device.android||s.simulatetouch&&!x.support.touch&&x.device.ios)&&(r[t]("mousedown",x.ontouchstart,!1),document[t]("mousemove",x.ontouchmove,n),document[t]("mouseup",x.ontouchend,!1))}window[t]("resize",x.onresize),x.params.nextbutton&&x.nextbutton&&x.nextbutton.length>0&&(x.nextbutton[a]("click",x.onclicknext),x.params.a11y&&x.a11y&&x.nextbutton[a]("keydown",x.a11y.onenterkey)),x.params.prevbutton&&x.prevbutton&&x.prevbutton.length>0&&(x.prevbutton[a]("click",x.onclickprev),x.params.a11y&&x.a11y&&x.prevbutton[a]("keydown",x.a11y.onenterkey)),x.params.pagination&&x.params.paginationclickable&&(x.paginationcontainer[a]("click","."+x.params.bulletclass,x.onclickindex),x.params.a11y&&x.a11y&&x.paginationcontainer[a]("keydown","."+x.params.bulletclass,x.a11y.onenterkey)),(x.params.preventclicks||x.params.preventclickspropagation)&&r[t]("click",x.preventclicks,!0)},x.attachevents=function(){x.initevents()},x.detachevents=function(){x.initevents(!0)},x.allowclick=!0,x.preventclicks=function(e){x.allowclick||(x.params.preventclicks&&e.preventdefault(),x.params.preventclickspropagation&&x.animating&&(e.stoppropagation(),e.stopimmediatepropagation()))},x.onclicknext=function(e){e.preventdefault(),x.isend&&!x.params.loop||x.slidenext()},x.onclickprev=function(e){e.preventdefault(),x.isbeginning&&!x.params.loop||x.slideprev()},x.onclickindex=function(a){a.preventdefault();var t=e(this).index()*x.params.slidespergroup
南通网页制作公司哪家好?做好这几点让你的网站更具营销力网站设计公司:从网站设计角度分析企业级UI都包括那些方面?如何让网站优化变得简单呢?网站10大SEO策略如何快速的抠好人物商品图?不会用ps也能快速的抠图的神器?云服务器备份如何工作?云服务器备份的常见用途和优势企业如何正确选择香港服务器?