swiper.jquery.umd.js 204 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677
  1. /**
  2. * Swiper 3.4.2
  3. * Most modern mobile touch slider and framework with hardware accelerated transitions
  4. *
  5. * http://www.idangero.us/swiper/
  6. *
  7. * Copyright 2017, Vladimir Kharlampidi
  8. * The iDangero.us
  9. * http://www.idangero.us/
  10. *
  11. * Licensed under MIT
  12. *
  13. * Released on: March 10, 2017
  14. */
  15. (function (root, factory) {
  16. 'use strict';
  17. if (typeof define === 'function' && define.amd) {
  18. // AMD. Register as an anonymous module.
  19. define(['jquery'], factory);
  20. } else if (typeof exports === 'object') {
  21. // Node. Does not work with strict CommonJS, but
  22. // only CommonJS-like environments that support module.exports,
  23. // like Node.
  24. module.exports = factory(require('jquery'));
  25. } else {
  26. // Browser globals (root is window)
  27. root.Swiper = factory(root.jQuery);
  28. }
  29. }(this, function ($) {
  30. 'use strict';
  31. /*===========================
  32. Swiper
  33. ===========================*/
  34. var Swiper = function (container, params) {
  35. if (!(this instanceof Swiper)) return new Swiper(container, params);
  36. var defaults = {
  37. direction: 'horizontal',
  38. touchEventsTarget: 'container',
  39. initialSlide: 0,
  40. speed: 300,
  41. // autoplay
  42. autoplay: false,
  43. autoplayDisableOnInteraction: true,
  44. autoplayStopOnLast: false,
  45. // To support iOS's swipe-to-go-back gesture (when being used in-app, with UIWebView).
  46. iOSEdgeSwipeDetection: false,
  47. iOSEdgeSwipeThreshold: 20,
  48. // Free mode
  49. freeMode: false,
  50. freeModeMomentum: true,
  51. freeModeMomentumRatio: 1,
  52. freeModeMomentumBounce: true,
  53. freeModeMomentumBounceRatio: 1,
  54. freeModeMomentumVelocityRatio: 1,
  55. freeModeSticky: false,
  56. freeModeMinimumVelocity: 0.02,
  57. // Autoheight
  58. autoHeight: false,
  59. // Set wrapper width
  60. setWrapperSize: false,
  61. // Virtual Translate
  62. virtualTranslate: false,
  63. // Effects
  64. effect: 'slide', // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'
  65. coverflow: {
  66. rotate: 50,
  67. stretch: 0,
  68. depth: 100,
  69. modifier: 1,
  70. slideShadows : true
  71. },
  72. flip: {
  73. slideShadows : true,
  74. limitRotation: true
  75. },
  76. cube: {
  77. slideShadows: true,
  78. shadow: true,
  79. shadowOffset: 20,
  80. shadowScale: 0.94
  81. },
  82. fade: {
  83. crossFade: false
  84. },
  85. // Parallax
  86. parallax: false,
  87. // Zoom
  88. zoom: false,
  89. zoomMax: 3,
  90. zoomMin: 1,
  91. zoomToggle: true,
  92. // Scrollbar
  93. scrollbar: null,
  94. scrollbarHide: true,
  95. scrollbarDraggable: false,
  96. scrollbarSnapOnRelease: false,
  97. // Keyboard Mousewheel
  98. keyboardControl: false,
  99. mousewheelControl: false,
  100. mousewheelReleaseOnEdges: false,
  101. mousewheelInvert: false,
  102. mousewheelForceToAxis: false,
  103. mousewheelSensitivity: 1,
  104. mousewheelEventsTarged: 'container',
  105. // Hash Navigation
  106. hashnav: false,
  107. hashnavWatchState: false,
  108. // History
  109. history: false,
  110. // Commong Nav State
  111. replaceState: false,
  112. // Breakpoints
  113. breakpoints: undefined,
  114. // Slides grid
  115. spaceBetween: 0,
  116. slidesPerView: 1,
  117. slidesPerColumn: 1,
  118. slidesPerColumnFill: 'column',
  119. slidesPerGroup: 1,
  120. centeredSlides: false,
  121. slidesOffsetBefore: 0, // in px
  122. slidesOffsetAfter: 0, // in px
  123. // Round length
  124. roundLengths: false,
  125. // Touches
  126. touchRatio: 1,
  127. touchAngle: 45,
  128. simulateTouch: true,
  129. shortSwipes: true,
  130. longSwipes: true,
  131. longSwipesRatio: 0.5,
  132. longSwipesMs: 300,
  133. followFinger: true,
  134. onlyExternal: false,
  135. threshold: 0,
  136. touchMoveStopPropagation: true,
  137. touchReleaseOnEdges: false,
  138. // Unique Navigation Elements
  139. uniqueNavElements: true,
  140. // Pagination
  141. pagination: null,
  142. paginationElement: 'span',
  143. paginationClickable: false,
  144. paginationHide: false,
  145. paginationBulletRender: null,
  146. paginationProgressRender: null,
  147. paginationFractionRender: null,
  148. paginationCustomRender: null,
  149. paginationType: 'bullets', // 'bullets' or 'progress' or 'fraction' or 'custom'
  150. // Resistance
  151. resistance: true,
  152. resistanceRatio: 0.85,
  153. // Next/prev buttons
  154. nextButton: null,
  155. prevButton: null,
  156. // Progress
  157. watchSlidesProgress: false,
  158. watchSlidesVisibility: false,
  159. // Cursor
  160. grabCursor: false,
  161. // Clicks
  162. preventClicks: true,
  163. preventClicksPropagation: true,
  164. slideToClickedSlide: false,
  165. // Lazy Loading
  166. lazyLoading: false,
  167. lazyLoadingInPrevNext: false,
  168. lazyLoadingInPrevNextAmount: 1,
  169. lazyLoadingOnTransitionStart: false,
  170. // Images
  171. preloadImages: true,
  172. updateOnImagesReady: true,
  173. // loop
  174. loop: false,
  175. loopAdditionalSlides: 0,
  176. loopedSlides: null,
  177. // Control
  178. control: undefined,
  179. controlInverse: false,
  180. controlBy: 'slide', //or 'container'
  181. normalizeSlideIndex: true,
  182. // Swiping/no swiping
  183. allowSwipeToPrev: true,
  184. allowSwipeToNext: true,
  185. swipeHandler: null, //'.swipe-handler',
  186. noSwiping: true,
  187. noSwipingClass: 'swiper-no-swiping',
  188. // Passive Listeners
  189. passiveListeners: true,
  190. // NS
  191. containerModifierClass: 'swiper-container-', // NEW
  192. slideClass: 'swiper-slide',
  193. slideActiveClass: 'swiper-slide-active',
  194. slideDuplicateActiveClass: 'swiper-slide-duplicate-active',
  195. slideVisibleClass: 'swiper-slide-visible',
  196. slideDuplicateClass: 'swiper-slide-duplicate',
  197. slideNextClass: 'swiper-slide-next',
  198. slideDuplicateNextClass: 'swiper-slide-duplicate-next',
  199. slidePrevClass: 'swiper-slide-prev',
  200. slideDuplicatePrevClass: 'swiper-slide-duplicate-prev',
  201. wrapperClass: 'swiper-wrapper',
  202. bulletClass: 'swiper-pagination-bullet',
  203. bulletActiveClass: 'swiper-pagination-bullet-active',
  204. buttonDisabledClass: 'swiper-button-disabled',
  205. paginationCurrentClass: 'swiper-pagination-current',
  206. paginationTotalClass: 'swiper-pagination-total',
  207. paginationHiddenClass: 'swiper-pagination-hidden',
  208. paginationProgressbarClass: 'swiper-pagination-progressbar',
  209. paginationClickableClass: 'swiper-pagination-clickable', // NEW
  210. paginationModifierClass: 'swiper-pagination-', // NEW
  211. lazyLoadingClass: 'swiper-lazy',
  212. lazyStatusLoadingClass: 'swiper-lazy-loading',
  213. lazyStatusLoadedClass: 'swiper-lazy-loaded',
  214. lazyPreloaderClass: 'swiper-lazy-preloader',
  215. notificationClass: 'swiper-notification',
  216. preloaderClass: 'preloader',
  217. zoomContainerClass: 'swiper-zoom-container',
  218. // Observer
  219. observer: false,
  220. observeParents: false,
  221. // Accessibility
  222. a11y: false,
  223. prevSlideMessage: 'Previous slide',
  224. nextSlideMessage: 'Next slide',
  225. firstSlideMessage: 'This is the first slide',
  226. lastSlideMessage: 'This is the last slide',
  227. paginationBulletMessage: 'Go to slide {{index}}',
  228. // Callbacks
  229. runCallbacksOnInit: true
  230. /*
  231. Callbacks:
  232. onInit: function (swiper)
  233. onDestroy: function (swiper)
  234. onBeforeResize: function (swiper)
  235. onAfterResize: function (swiper)
  236. onClick: function (swiper, e)
  237. onTap: function (swiper, e)
  238. onDoubleTap: function (swiper, e)
  239. onSliderMove: function (swiper, e)
  240. onSlideChangeStart: function (swiper)
  241. onSlideChangeEnd: function (swiper)
  242. onTransitionStart: function (swiper)
  243. onTransitionEnd: function (swiper)
  244. onImagesReady: function (swiper)
  245. onProgress: function (swiper, progress)
  246. onTouchStart: function (swiper, e)
  247. onTouchMove: function (swiper, e)
  248. onTouchMoveOpposite: function (swiper, e)
  249. onTouchEnd: function (swiper, e)
  250. onReachBeginning: function (swiper)
  251. onReachEnd: function (swiper)
  252. onSetTransition: function (swiper, duration)
  253. onSetTranslate: function (swiper, translate)
  254. onAutoplayStart: function (swiper)
  255. onAutoplayStop: function (swiper),
  256. onLazyImageLoad: function (swiper, slide, image)
  257. onLazyImageReady: function (swiper, slide, image)
  258. onKeyPress: function (swiper, keyCode)
  259. */
  260. };
  261. var initialVirtualTranslate = params && params.virtualTranslate;
  262. params = params || {};
  263. var originalParams = {};
  264. for (var param in params) {
  265. if (typeof params[param] === 'object' && params[param] !== null && !(params[param].nodeType || params[param] === window || params[param] === document || (typeof Dom7 !== 'undefined' && params[param] instanceof Dom7) || (typeof jQuery !== 'undefined' && params[param] instanceof jQuery))) {
  266. originalParams[param] = {};
  267. for (var deepParam in params[param]) {
  268. originalParams[param][deepParam] = params[param][deepParam];
  269. }
  270. }
  271. else {
  272. originalParams[param] = params[param];
  273. }
  274. }
  275. for (var def in defaults) {
  276. if (typeof params[def] === 'undefined') {
  277. params[def] = defaults[def];
  278. }
  279. else if (typeof params[def] === 'object') {
  280. for (var deepDef in defaults[def]) {
  281. if (typeof params[def][deepDef] === 'undefined') {
  282. params[def][deepDef] = defaults[def][deepDef];
  283. }
  284. }
  285. }
  286. }
  287. // Swiper
  288. var s = this;
  289. // Params
  290. s.params = params;
  291. s.originalParams = originalParams;
  292. // Classname
  293. s.classNames = [];
  294. /*=========================
  295. Dom Library and plugins
  296. ===========================*/
  297. if (typeof $ !== 'undefined' && typeof Dom7 !== 'undefined'){
  298. $ = Dom7;
  299. }
  300. if (typeof $ === 'undefined') {
  301. if (typeof Dom7 === 'undefined') {
  302. $ = window.Dom7 || window.Zepto || window.jQuery;
  303. }
  304. else {
  305. $ = Dom7;
  306. }
  307. if (!$) return;
  308. }
  309. // Export it to Swiper instance
  310. s.$ = $;
  311. /*=========================
  312. Breakpoints
  313. ===========================*/
  314. s.currentBreakpoint = undefined;
  315. s.getActiveBreakpoint = function () {
  316. //Get breakpoint for window width
  317. if (!s.params.breakpoints) return false;
  318. var breakpoint = false;
  319. var points = [], point;
  320. for ( point in s.params.breakpoints ) {
  321. if (s.params.breakpoints.hasOwnProperty(point)) {
  322. points.push(point);
  323. }
  324. }
  325. points.sort(function (a, b) {
  326. return parseInt(a, 10) > parseInt(b, 10);
  327. });
  328. for (var i = 0; i < points.length; i++) {
  329. point = points[i];
  330. if (point >= window.innerWidth && !breakpoint) {
  331. breakpoint = point;
  332. }
  333. }
  334. return breakpoint || 'max';
  335. };
  336. s.setBreakpoint = function () {
  337. //Set breakpoint for window width and update parameters
  338. var breakpoint = s.getActiveBreakpoint();
  339. if (breakpoint && s.currentBreakpoint !== breakpoint) {
  340. var breakPointsParams = breakpoint in s.params.breakpoints ? s.params.breakpoints[breakpoint] : s.originalParams;
  341. var needsReLoop = s.params.loop && (breakPointsParams.slidesPerView !== s.params.slidesPerView);
  342. for ( var param in breakPointsParams ) {
  343. s.params[param] = breakPointsParams[param];
  344. }
  345. s.currentBreakpoint = breakpoint;
  346. if(needsReLoop && s.destroyLoop) {
  347. s.reLoop(true);
  348. }
  349. }
  350. };
  351. // Set breakpoint on load
  352. if (s.params.breakpoints) {
  353. s.setBreakpoint();
  354. }
  355. /*=========================
  356. Preparation - Define Container, Wrapper and Pagination
  357. ===========================*/
  358. s.container = $(container);
  359. if (s.container.length === 0) return;
  360. if (s.container.length > 1) {
  361. var swipers = [];
  362. s.container.each(function () {
  363. var container = this;
  364. swipers.push(new Swiper(this, params));
  365. });
  366. return swipers;
  367. }
  368. // Save instance in container HTML Element and in data
  369. s.container[0].swiper = s;
  370. s.container.data('swiper', s);
  371. s.classNames.push(s.params.containerModifierClass + s.params.direction);
  372. if (s.params.freeMode) {
  373. s.classNames.push(s.params.containerModifierClass + 'free-mode');
  374. }
  375. if (!s.support.flexbox) {
  376. s.classNames.push(s.params.containerModifierClass + 'no-flexbox');
  377. s.params.slidesPerColumn = 1;
  378. }
  379. if (s.params.autoHeight) {
  380. s.classNames.push(s.params.containerModifierClass + 'autoheight');
  381. }
  382. // Enable slides progress when required
  383. if (s.params.parallax || s.params.watchSlidesVisibility) {
  384. s.params.watchSlidesProgress = true;
  385. }
  386. // Max resistance when touchReleaseOnEdges
  387. if (s.params.touchReleaseOnEdges) {
  388. s.params.resistanceRatio = 0;
  389. }
  390. // Coverflow / 3D
  391. if (['cube', 'coverflow', 'flip'].indexOf(s.params.effect) >= 0) {
  392. if (s.support.transforms3d) {
  393. s.params.watchSlidesProgress = true;
  394. s.classNames.push(s.params.containerModifierClass + '3d');
  395. }
  396. else {
  397. s.params.effect = 'slide';
  398. }
  399. }
  400. if (s.params.effect !== 'slide') {
  401. s.classNames.push(s.params.containerModifierClass + s.params.effect);
  402. }
  403. if (s.params.effect === 'cube') {
  404. s.params.resistanceRatio = 0;
  405. s.params.slidesPerView = 1;
  406. s.params.slidesPerColumn = 1;
  407. s.params.slidesPerGroup = 1;
  408. s.params.centeredSlides = false;
  409. s.params.spaceBetween = 0;
  410. s.params.virtualTranslate = true;
  411. }
  412. if (s.params.effect === 'fade' || s.params.effect === 'flip') {
  413. s.params.slidesPerView = 1;
  414. s.params.slidesPerColumn = 1;
  415. s.params.slidesPerGroup = 1;
  416. s.params.watchSlidesProgress = true;
  417. s.params.spaceBetween = 0;
  418. if (typeof initialVirtualTranslate === 'undefined') {
  419. s.params.virtualTranslate = true;
  420. }
  421. }
  422. // Grab Cursor
  423. if (s.params.grabCursor && s.support.touch) {
  424. s.params.grabCursor = false;
  425. }
  426. // Wrapper
  427. s.wrapper = s.container.children('.' + s.params.wrapperClass);
  428. // Pagination
  429. if (s.params.pagination) {
  430. s.paginationContainer = $(s.params.pagination);
  431. if (s.params.uniqueNavElements && typeof s.params.pagination === 'string' && s.paginationContainer.length > 1 && s.container.find(s.params.pagination).length === 1) {
  432. s.paginationContainer = s.container.find(s.params.pagination);
  433. }
  434. if (s.params.paginationType === 'bullets' && s.params.paginationClickable) {
  435. s.paginationContainer.addClass(s.params.paginationModifierClass + 'clickable');
  436. }
  437. else {
  438. s.params.paginationClickable = false;
  439. }
  440. s.paginationContainer.addClass(s.params.paginationModifierClass + s.params.paginationType);
  441. }
  442. // Next/Prev Buttons
  443. if (s.params.nextButton || s.params.prevButton) {
  444. if (s.params.nextButton) {
  445. s.nextButton = $(s.params.nextButton);
  446. if (s.params.uniqueNavElements && typeof s.params.nextButton === 'string' && s.nextButton.length > 1 && s.container.find(s.params.nextButton).length === 1) {
  447. s.nextButton = s.container.find(s.params.nextButton);
  448. }
  449. }
  450. if (s.params.prevButton) {
  451. s.prevButton = $(s.params.prevButton);
  452. if (s.params.uniqueNavElements && typeof s.params.prevButton === 'string' && s.prevButton.length > 1 && s.container.find(s.params.prevButton).length === 1) {
  453. s.prevButton = s.container.find(s.params.prevButton);
  454. }
  455. }
  456. }
  457. // Is Horizontal
  458. s.isHorizontal = function () {
  459. return s.params.direction === 'horizontal';
  460. };
  461. // s.isH = isH;
  462. // RTL
  463. s.rtl = s.isHorizontal() && (s.container[0].dir.toLowerCase() === 'rtl' || s.container.css('direction') === 'rtl');
  464. if (s.rtl) {
  465. s.classNames.push(s.params.containerModifierClass + 'rtl');
  466. }
  467. // Wrong RTL support
  468. if (s.rtl) {
  469. s.wrongRTL = s.wrapper.css('display') === '-webkit-box';
  470. }
  471. // Columns
  472. if (s.params.slidesPerColumn > 1) {
  473. s.classNames.push(s.params.containerModifierClass + 'multirow');
  474. }
  475. // Check for Android
  476. if (s.device.android) {
  477. s.classNames.push(s.params.containerModifierClass + 'android');
  478. }
  479. // Add classes
  480. s.container.addClass(s.classNames.join(' '));
  481. // Translate
  482. s.translate = 0;
  483. // Progress
  484. s.progress = 0;
  485. // Velocity
  486. s.velocity = 0;
  487. /*=========================
  488. Locks, unlocks
  489. ===========================*/
  490. s.lockSwipeToNext = function () {
  491. s.params.allowSwipeToNext = false;
  492. if (s.params.allowSwipeToPrev === false && s.params.grabCursor) {
  493. s.unsetGrabCursor();
  494. }
  495. };
  496. s.lockSwipeToPrev = function () {
  497. s.params.allowSwipeToPrev = false;
  498. if (s.params.allowSwipeToNext === false && s.params.grabCursor) {
  499. s.unsetGrabCursor();
  500. }
  501. };
  502. s.lockSwipes = function () {
  503. s.params.allowSwipeToNext = s.params.allowSwipeToPrev = false;
  504. if (s.params.grabCursor) s.unsetGrabCursor();
  505. };
  506. s.unlockSwipeToNext = function () {
  507. s.params.allowSwipeToNext = true;
  508. if (s.params.allowSwipeToPrev === true && s.params.grabCursor) {
  509. s.setGrabCursor();
  510. }
  511. };
  512. s.unlockSwipeToPrev = function () {
  513. s.params.allowSwipeToPrev = true;
  514. if (s.params.allowSwipeToNext === true && s.params.grabCursor) {
  515. s.setGrabCursor();
  516. }
  517. };
  518. s.unlockSwipes = function () {
  519. s.params.allowSwipeToNext = s.params.allowSwipeToPrev = true;
  520. if (s.params.grabCursor) s.setGrabCursor();
  521. };
  522. /*=========================
  523. Round helper
  524. ===========================*/
  525. function round(a) {
  526. return Math.floor(a);
  527. }
  528. /*=========================
  529. Set grab cursor
  530. ===========================*/
  531. s.setGrabCursor = function(moving) {
  532. s.container[0].style.cursor = 'move';
  533. s.container[0].style.cursor = moving ? '-webkit-grabbing' : '-webkit-grab';
  534. s.container[0].style.cursor = moving ? '-moz-grabbin' : '-moz-grab';
  535. s.container[0].style.cursor = moving ? 'grabbing': 'grab';
  536. };
  537. s.unsetGrabCursor = function () {
  538. s.container[0].style.cursor = '';
  539. };
  540. if (s.params.grabCursor) {
  541. s.setGrabCursor();
  542. }
  543. /*=========================
  544. Update on Images Ready
  545. ===========================*/
  546. s.imagesToLoad = [];
  547. s.imagesLoaded = 0;
  548. s.loadImage = function (imgElement, src, srcset, sizes, checkForComplete, callback) {
  549. var image;
  550. function onReady () {
  551. if (callback) callback();
  552. }
  553. if (!imgElement.complete || !checkForComplete) {
  554. if (src) {
  555. image = new window.Image();
  556. image.onload = onReady;
  557. image.onerror = onReady;
  558. if (sizes) {
  559. image.sizes = sizes;
  560. }
  561. if (srcset) {
  562. image.srcset = srcset;
  563. }
  564. if (src) {
  565. image.src = src;
  566. }
  567. } else {
  568. onReady();
  569. }
  570. } else {//image already loaded...
  571. onReady();
  572. }
  573. };
  574. s.preloadImages = function () {
  575. s.imagesToLoad = s.container.find('img');
  576. function _onReady() {
  577. if (typeof s === 'undefined' || s === null || !s) return;
  578. if (s.imagesLoaded !== undefined) s.imagesLoaded++;
  579. if (s.imagesLoaded === s.imagesToLoad.length) {
  580. if (s.params.updateOnImagesReady) s.update();
  581. s.emit('onImagesReady', s);
  582. }
  583. }
  584. for (var i = 0; i < s.imagesToLoad.length; i++) {
  585. s.loadImage(s.imagesToLoad[i], (s.imagesToLoad[i].currentSrc || s.imagesToLoad[i].getAttribute('src')), (s.imagesToLoad[i].srcset || s.imagesToLoad[i].getAttribute('srcset')), s.imagesToLoad[i].sizes || s.imagesToLoad[i].getAttribute('sizes'), true, _onReady);
  586. }
  587. };
  588. /*=========================
  589. Autoplay
  590. ===========================*/
  591. s.autoplayTimeoutId = undefined;
  592. s.autoplaying = false;
  593. s.autoplayPaused = false;
  594. function autoplay() {
  595. var autoplayDelay = s.params.autoplay;
  596. var activeSlide = s.slides.eq(s.activeIndex);
  597. if (activeSlide.attr('data-swiper-autoplay')) {
  598. autoplayDelay = activeSlide.attr('data-swiper-autoplay') || s.params.autoplay;
  599. }
  600. s.autoplayTimeoutId = setTimeout(function () {
  601. if (s.params.loop) {
  602. s.fixLoop();
  603. s._slideNext();
  604. s.emit('onAutoplay', s);
  605. }
  606. else {
  607. if (!s.isEnd) {
  608. s._slideNext();
  609. s.emit('onAutoplay', s);
  610. }
  611. else {
  612. if (!params.autoplayStopOnLast) {
  613. s._slideTo(0);
  614. s.emit('onAutoplay', s);
  615. }
  616. else {
  617. s.stopAutoplay();
  618. }
  619. }
  620. }
  621. }, autoplayDelay);
  622. }
  623. s.startAutoplay = function () {
  624. if (typeof s.autoplayTimeoutId !== 'undefined') return false;
  625. if (!s.params.autoplay) return false;
  626. if (s.autoplaying) return false;
  627. s.autoplaying = true;
  628. s.emit('onAutoplayStart', s);
  629. autoplay();
  630. };
  631. s.stopAutoplay = function (internal) {
  632. if (!s.autoplayTimeoutId) return;
  633. if (s.autoplayTimeoutId) clearTimeout(s.autoplayTimeoutId);
  634. s.autoplaying = false;
  635. s.autoplayTimeoutId = undefined;
  636. s.emit('onAutoplayStop', s);
  637. };
  638. s.pauseAutoplay = function (speed) {
  639. if (s.autoplayPaused) return;
  640. if (s.autoplayTimeoutId) clearTimeout(s.autoplayTimeoutId);
  641. s.autoplayPaused = true;
  642. if (speed === 0) {
  643. s.autoplayPaused = false;
  644. autoplay();
  645. }
  646. else {
  647. s.wrapper.transitionEnd(function () {
  648. if (!s) return;
  649. s.autoplayPaused = false;
  650. if (!s.autoplaying) {
  651. s.stopAutoplay();
  652. }
  653. else {
  654. autoplay();
  655. }
  656. });
  657. }
  658. };
  659. /*=========================
  660. Min/Max Translate
  661. ===========================*/
  662. s.minTranslate = function () {
  663. return (-s.snapGrid[0]);
  664. };
  665. s.maxTranslate = function () {
  666. return (-s.snapGrid[s.snapGrid.length - 1]);
  667. };
  668. /*=========================
  669. Slider/slides sizes
  670. ===========================*/
  671. s.updateAutoHeight = function () {
  672. var activeSlides = [];
  673. var newHeight = 0;
  674. var i;
  675. // Find slides currently in view
  676. if(s.params.slidesPerView !== 'auto' && s.params.slidesPerView > 1) {
  677. for (i = 0; i < Math.ceil(s.params.slidesPerView); i++) {
  678. var index = s.activeIndex + i;
  679. if(index > s.slides.length) break;
  680. activeSlides.push(s.slides.eq(index)[0]);
  681. }
  682. } else {
  683. activeSlides.push(s.slides.eq(s.activeIndex)[0]);
  684. }
  685. // Find new height from heighest slide in view
  686. for (i = 0; i < activeSlides.length; i++) {
  687. if (typeof activeSlides[i] !== 'undefined') {
  688. var height = activeSlides[i].offsetHeight;
  689. newHeight = height > newHeight ? height : newHeight;
  690. }
  691. }
  692. // Update Height
  693. if (newHeight) s.wrapper.css('height', newHeight + 'px');
  694. };
  695. s.updateContainerSize = function () {
  696. var width, height;
  697. if (typeof s.params.width !== 'undefined') {
  698. width = s.params.width;
  699. }
  700. else {
  701. width = s.container[0].clientWidth;
  702. }
  703. if (typeof s.params.height !== 'undefined') {
  704. height = s.params.height;
  705. }
  706. else {
  707. height = s.container[0].clientHeight;
  708. }
  709. if (width === 0 && s.isHorizontal() || height === 0 && !s.isHorizontal()) {
  710. return;
  711. }
  712. //Subtract paddings
  713. width = width - parseInt(s.container.css('padding-left'), 10) - parseInt(s.container.css('padding-right'), 10);
  714. height = height - parseInt(s.container.css('padding-top'), 10) - parseInt(s.container.css('padding-bottom'), 10);
  715. // Store values
  716. s.width = width;
  717. s.height = height;
  718. s.size = s.isHorizontal() ? s.width : s.height;
  719. };
  720. s.updateSlidesSize = function () {
  721. s.slides = s.wrapper.children('.' + s.params.slideClass);
  722. s.snapGrid = [];
  723. s.slidesGrid = [];
  724. s.slidesSizesGrid = [];
  725. var spaceBetween = s.params.spaceBetween,
  726. slidePosition = -s.params.slidesOffsetBefore,
  727. i,
  728. prevSlideSize = 0,
  729. index = 0;
  730. if (typeof s.size === 'undefined') return;
  731. if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
  732. spaceBetween = parseFloat(spaceBetween.replace('%', '')) / 100 * s.size;
  733. }
  734. s.virtualSize = -spaceBetween;
  735. // reset margins
  736. if (s.rtl) s.slides.css({marginLeft: '', marginTop: ''});
  737. else s.slides.css({marginRight: '', marginBottom: ''});
  738. var slidesNumberEvenToRows;
  739. if (s.params.slidesPerColumn > 1) {
  740. if (Math.floor(s.slides.length / s.params.slidesPerColumn) === s.slides.length / s.params.slidesPerColumn) {
  741. slidesNumberEvenToRows = s.slides.length;
  742. }
  743. else {
  744. slidesNumberEvenToRows = Math.ceil(s.slides.length / s.params.slidesPerColumn) * s.params.slidesPerColumn;
  745. }
  746. if (s.params.slidesPerView !== 'auto' && s.params.slidesPerColumnFill === 'row') {
  747. slidesNumberEvenToRows = Math.max(slidesNumberEvenToRows, s.params.slidesPerView * s.params.slidesPerColumn);
  748. }
  749. }
  750. // Calc slides
  751. var slideSize;
  752. var slidesPerColumn = s.params.slidesPerColumn;
  753. var slidesPerRow = slidesNumberEvenToRows / slidesPerColumn;
  754. var numFullColumns = slidesPerRow - (s.params.slidesPerColumn * slidesPerRow - s.slides.length);
  755. for (i = 0; i < s.slides.length; i++) {
  756. slideSize = 0;
  757. var slide = s.slides.eq(i);
  758. if (s.params.slidesPerColumn > 1) {
  759. // Set slides order
  760. var newSlideOrderIndex;
  761. var column, row;
  762. if (s.params.slidesPerColumnFill === 'column') {
  763. column = Math.floor(i / slidesPerColumn);
  764. row = i - column * slidesPerColumn;
  765. if (column > numFullColumns || (column === numFullColumns && row === slidesPerColumn-1)) {
  766. if (++row >= slidesPerColumn) {
  767. row = 0;
  768. column++;
  769. }
  770. }
  771. newSlideOrderIndex = column + row * slidesNumberEvenToRows / slidesPerColumn;
  772. slide
  773. .css({
  774. '-webkit-box-ordinal-group': newSlideOrderIndex,
  775. '-moz-box-ordinal-group': newSlideOrderIndex,
  776. '-ms-flex-order': newSlideOrderIndex,
  777. '-webkit-order': newSlideOrderIndex,
  778. 'order': newSlideOrderIndex
  779. });
  780. }
  781. else {
  782. row = Math.floor(i / slidesPerRow);
  783. column = i - row * slidesPerRow;
  784. }
  785. slide
  786. .css(
  787. 'margin-' + (s.isHorizontal() ? 'top' : 'left'),
  788. (row !== 0 && s.params.spaceBetween) && (s.params.spaceBetween + 'px')
  789. )
  790. .attr('data-swiper-column', column)
  791. .attr('data-swiper-row', row);
  792. }
  793. if (slide.css('display') === 'none') continue;
  794. if (s.params.slidesPerView === 'auto') {
  795. slideSize = s.isHorizontal() ? slide.outerWidth(true) : slide.outerHeight(true);
  796. if (s.params.roundLengths) slideSize = round(slideSize);
  797. }
  798. else {
  799. slideSize = (s.size - (s.params.slidesPerView - 1) * spaceBetween) / s.params.slidesPerView;
  800. if (s.params.roundLengths) slideSize = round(slideSize);
  801. if (s.isHorizontal()) {
  802. s.slides[i].style.width = slideSize + 'px';
  803. }
  804. else {
  805. s.slides[i].style.height = slideSize + 'px';
  806. }
  807. }
  808. s.slides[i].swiperSlideSize = slideSize;
  809. s.slidesSizesGrid.push(slideSize);
  810. if (s.params.centeredSlides) {
  811. slidePosition = slidePosition + slideSize / 2 + prevSlideSize / 2 + spaceBetween;
  812. if(prevSlideSize === 0 && i !== 0) slidePosition = slidePosition - s.size / 2 - spaceBetween;
  813. if (i === 0) slidePosition = slidePosition - s.size / 2 - spaceBetween;
  814. if (Math.abs(slidePosition) < 1 / 1000) slidePosition = 0;
  815. if ((index) % s.params.slidesPerGroup === 0) s.snapGrid.push(slidePosition);
  816. s.slidesGrid.push(slidePosition);
  817. }
  818. else {
  819. if ((index) % s.params.slidesPerGroup === 0) s.snapGrid.push(slidePosition);
  820. s.slidesGrid.push(slidePosition);
  821. slidePosition = slidePosition + slideSize + spaceBetween;
  822. }
  823. s.virtualSize += slideSize + spaceBetween;
  824. prevSlideSize = slideSize;
  825. index ++;
  826. }
  827. s.virtualSize = Math.max(s.virtualSize, s.size) + s.params.slidesOffsetAfter;
  828. var newSlidesGrid;
  829. if (
  830. s.rtl && s.wrongRTL && (s.params.effect === 'slide' || s.params.effect === 'coverflow')) {
  831. s.wrapper.css({width: s.virtualSize + s.params.spaceBetween + 'px'});
  832. }
  833. if (!s.support.flexbox || s.params.setWrapperSize) {
  834. if (s.isHorizontal()) s.wrapper.css({width: s.virtualSize + s.params.spaceBetween + 'px'});
  835. else s.wrapper.css({height: s.virtualSize + s.params.spaceBetween + 'px'});
  836. }
  837. if (s.params.slidesPerColumn > 1) {
  838. s.virtualSize = (slideSize + s.params.spaceBetween) * slidesNumberEvenToRows;
  839. s.virtualSize = Math.ceil(s.virtualSize / s.params.slidesPerColumn) - s.params.spaceBetween;
  840. if (s.isHorizontal()) s.wrapper.css({width: s.virtualSize + s.params.spaceBetween + 'px'});
  841. else s.wrapper.css({height: s.virtualSize + s.params.spaceBetween + 'px'});
  842. if (s.params.centeredSlides) {
  843. newSlidesGrid = [];
  844. for (i = 0; i < s.snapGrid.length; i++) {
  845. if (s.snapGrid[i] < s.virtualSize + s.snapGrid[0]) newSlidesGrid.push(s.snapGrid[i]);
  846. }
  847. s.snapGrid = newSlidesGrid;
  848. }
  849. }
  850. // Remove last grid elements depending on width
  851. if (!s.params.centeredSlides) {
  852. newSlidesGrid = [];
  853. for (i = 0; i < s.snapGrid.length; i++) {
  854. if (s.snapGrid[i] <= s.virtualSize - s.size) {
  855. newSlidesGrid.push(s.snapGrid[i]);
  856. }
  857. }
  858. s.snapGrid = newSlidesGrid;
  859. if (Math.floor(s.virtualSize - s.size) - Math.floor(s.snapGrid[s.snapGrid.length - 1]) > 1) {
  860. s.snapGrid.push(s.virtualSize - s.size);
  861. }
  862. }
  863. if (s.snapGrid.length === 0) s.snapGrid = [0];
  864. if (s.params.spaceBetween !== 0) {
  865. if (s.isHorizontal()) {
  866. if (s.rtl) s.slides.css({marginLeft: spaceBetween + 'px'});
  867. else s.slides.css({marginRight: spaceBetween + 'px'});
  868. }
  869. else s.slides.css({marginBottom: spaceBetween + 'px'});
  870. }
  871. if (s.params.watchSlidesProgress) {
  872. s.updateSlidesOffset();
  873. }
  874. };
  875. s.updateSlidesOffset = function () {
  876. for (var i = 0; i < s.slides.length; i++) {
  877. s.slides[i].swiperSlideOffset = s.isHorizontal() ? s.slides[i].offsetLeft : s.slides[i].offsetTop;
  878. }
  879. };
  880. /*=========================
  881. Dynamic Slides Per View
  882. ===========================*/
  883. s.currentSlidesPerView = function () {
  884. var spv = 1, i, j;
  885. if (s.params.centeredSlides) {
  886. var size = s.slides[s.activeIndex].swiperSlideSize;
  887. var breakLoop;
  888. for (i = s.activeIndex + 1; i < s.slides.length; i++) {
  889. if (s.slides[i] && !breakLoop) {
  890. size += s.slides[i].swiperSlideSize;
  891. spv ++;
  892. if (size > s.size) breakLoop = true;
  893. }
  894. }
  895. for (j = s.activeIndex - 1; j >= 0; j--) {
  896. if (s.slides[j] && !breakLoop) {
  897. size += s.slides[j].swiperSlideSize;
  898. spv ++;
  899. if (size > s.size) breakLoop = true;
  900. }
  901. }
  902. }
  903. else {
  904. for (i = s.activeIndex + 1; i < s.slides.length; i++) {
  905. if (s.slidesGrid[i] - s.slidesGrid[s.activeIndex] < s.size) {
  906. spv++;
  907. }
  908. }
  909. }
  910. return spv;
  911. };
  912. /*=========================
  913. Slider/slides progress
  914. ===========================*/
  915. s.updateSlidesProgress = function (translate) {
  916. if (typeof translate === 'undefined') {
  917. translate = s.translate || 0;
  918. }
  919. if (s.slides.length === 0) return;
  920. if (typeof s.slides[0].swiperSlideOffset === 'undefined') s.updateSlidesOffset();
  921. var offsetCenter = -translate;
  922. if (s.rtl) offsetCenter = translate;
  923. // Visible Slides
  924. s.slides.removeClass(s.params.slideVisibleClass);
  925. for (var i = 0; i < s.slides.length; i++) {
  926. var slide = s.slides[i];
  927. var slideProgress = (offsetCenter + (s.params.centeredSlides ? s.minTranslate() : 0) - slide.swiperSlideOffset) / (slide.swiperSlideSize + s.params.spaceBetween);
  928. if (s.params.watchSlidesVisibility) {
  929. var slideBefore = -(offsetCenter - slide.swiperSlideOffset);
  930. var slideAfter = slideBefore + s.slidesSizesGrid[i];
  931. var isVisible =
  932. (slideBefore >= 0 && slideBefore < s.size) ||
  933. (slideAfter > 0 && slideAfter <= s.size) ||
  934. (slideBefore <= 0 && slideAfter >= s.size);
  935. if (isVisible) {
  936. s.slides.eq(i).addClass(s.params.slideVisibleClass);
  937. }
  938. }
  939. slide.progress = s.rtl ? -slideProgress : slideProgress;
  940. }
  941. };
  942. s.updateProgress = function (translate) {
  943. if (typeof translate === 'undefined') {
  944. translate = s.translate || 0;
  945. }
  946. var translatesDiff = s.maxTranslate() - s.minTranslate();
  947. var wasBeginning = s.isBeginning;
  948. var wasEnd = s.isEnd;
  949. if (translatesDiff === 0) {
  950. s.progress = 0;
  951. s.isBeginning = s.isEnd = true;
  952. }
  953. else {
  954. s.progress = (translate - s.minTranslate()) / (translatesDiff);
  955. s.isBeginning = s.progress <= 0;
  956. s.isEnd = s.progress >= 1;
  957. }
  958. if (s.isBeginning && !wasBeginning) s.emit('onReachBeginning', s);
  959. if (s.isEnd && !wasEnd) s.emit('onReachEnd', s);
  960. if (s.params.watchSlidesProgress) s.updateSlidesProgress(translate);
  961. s.emit('onProgress', s, s.progress);
  962. };
  963. s.updateActiveIndex = function () {
  964. var translate = s.rtl ? s.translate : -s.translate;
  965. var newActiveIndex, i, snapIndex;
  966. for (i = 0; i < s.slidesGrid.length; i ++) {
  967. if (typeof s.slidesGrid[i + 1] !== 'undefined') {
  968. if (translate >= s.slidesGrid[i] && translate < s.slidesGrid[i + 1] - (s.slidesGrid[i + 1] - s.slidesGrid[i]) / 2) {
  969. newActiveIndex = i;
  970. }
  971. else if (translate >= s.slidesGrid[i] && translate < s.slidesGrid[i + 1]) {
  972. newActiveIndex = i + 1;
  973. }
  974. }
  975. else {
  976. if (translate >= s.slidesGrid[i]) {
  977. newActiveIndex = i;
  978. }
  979. }
  980. }
  981. // Normalize slideIndex
  982. if(s.params.normalizeSlideIndex){
  983. if (newActiveIndex < 0 || typeof newActiveIndex === 'undefined') newActiveIndex = 0;
  984. }
  985. // for (i = 0; i < s.slidesGrid.length; i++) {
  986. // if (- translate >= s.slidesGrid[i]) {
  987. // newActiveIndex = i;
  988. // }
  989. // }
  990. snapIndex = Math.floor(newActiveIndex / s.params.slidesPerGroup);
  991. if (snapIndex >= s.snapGrid.length) snapIndex = s.snapGrid.length - 1;
  992. if (newActiveIndex === s.activeIndex) {
  993. return;
  994. }
  995. s.snapIndex = snapIndex;
  996. s.previousIndex = s.activeIndex;
  997. s.activeIndex = newActiveIndex;
  998. s.updateClasses();
  999. s.updateRealIndex();
  1000. };
  1001. s.updateRealIndex = function(){
  1002. s.realIndex = parseInt(s.slides.eq(s.activeIndex).attr('data-swiper-slide-index') || s.activeIndex, 10);
  1003. };
  1004. /*=========================
  1005. Classes
  1006. ===========================*/
  1007. s.updateClasses = function () {
  1008. s.slides.removeClass(s.params.slideActiveClass + ' ' + s.params.slideNextClass + ' ' + s.params.slidePrevClass + ' ' + s.params.slideDuplicateActiveClass + ' ' + s.params.slideDuplicateNextClass + ' ' + s.params.slideDuplicatePrevClass);
  1009. var activeSlide = s.slides.eq(s.activeIndex);
  1010. // Active classes
  1011. activeSlide.addClass(s.params.slideActiveClass);
  1012. if (params.loop) {
  1013. // Duplicate to all looped slides
  1014. if (activeSlide.hasClass(s.params.slideDuplicateClass)) {
  1015. s.wrapper.children('.' + s.params.slideClass + ':not(.' + s.params.slideDuplicateClass + ')[data-swiper-slide-index="' + s.realIndex + '"]').addClass(s.params.slideDuplicateActiveClass);
  1016. }
  1017. else {
  1018. s.wrapper.children('.' + s.params.slideClass + '.' + s.params.slideDuplicateClass + '[data-swiper-slide-index="' + s.realIndex + '"]').addClass(s.params.slideDuplicateActiveClass);
  1019. }
  1020. }
  1021. // Next Slide
  1022. var nextSlide = activeSlide.next('.' + s.params.slideClass).addClass(s.params.slideNextClass);
  1023. if (s.params.loop && nextSlide.length === 0) {
  1024. nextSlide = s.slides.eq(0);
  1025. nextSlide.addClass(s.params.slideNextClass);
  1026. }
  1027. // Prev Slide
  1028. var prevSlide = activeSlide.prev('.' + s.params.slideClass).addClass(s.params.slidePrevClass);
  1029. if (s.params.loop && prevSlide.length === 0) {
  1030. prevSlide = s.slides.eq(-1);
  1031. prevSlide.addClass(s.params.slidePrevClass);
  1032. }
  1033. if (params.loop) {
  1034. // Duplicate to all looped slides
  1035. if (nextSlide.hasClass(s.params.slideDuplicateClass)) {
  1036. s.wrapper.children('.' + s.params.slideClass + ':not(.' + s.params.slideDuplicateClass + ')[data-swiper-slide-index="' + nextSlide.attr('data-swiper-slide-index') + '"]').addClass(s.params.slideDuplicateNextClass);
  1037. }
  1038. else {
  1039. s.wrapper.children('.' + s.params.slideClass + '.' + s.params.slideDuplicateClass + '[data-swiper-slide-index="' + nextSlide.attr('data-swiper-slide-index') + '"]').addClass(s.params.slideDuplicateNextClass);
  1040. }
  1041. if (prevSlide.hasClass(s.params.slideDuplicateClass)) {
  1042. s.wrapper.children('.' + s.params.slideClass + ':not(.' + s.params.slideDuplicateClass + ')[data-swiper-slide-index="' + prevSlide.attr('data-swiper-slide-index') + '"]').addClass(s.params.slideDuplicatePrevClass);
  1043. }
  1044. else {
  1045. s.wrapper.children('.' + s.params.slideClass + '.' + s.params.slideDuplicateClass + '[data-swiper-slide-index="' + prevSlide.attr('data-swiper-slide-index') + '"]').addClass(s.params.slideDuplicatePrevClass);
  1046. }
  1047. }
  1048. // Pagination
  1049. if (s.paginationContainer && s.paginationContainer.length > 0) {
  1050. // Current/Total
  1051. var current,
  1052. total = s.params.loop ? Math.ceil((s.slides.length - s.loopedSlides * 2) / s.params.slidesPerGroup) : s.snapGrid.length;
  1053. if (s.params.loop) {
  1054. current = Math.ceil((s.activeIndex - s.loopedSlides)/s.params.slidesPerGroup);
  1055. if (current > s.slides.length - 1 - s.loopedSlides * 2) {
  1056. current = current - (s.slides.length - s.loopedSlides * 2);
  1057. }
  1058. if (current > total - 1) current = current - total;
  1059. if (current < 0 && s.params.paginationType !== 'bullets') current = total + current;
  1060. }
  1061. else {
  1062. if (typeof s.snapIndex !== 'undefined') {
  1063. current = s.snapIndex;
  1064. }
  1065. else {
  1066. current = s.activeIndex || 0;
  1067. }
  1068. }
  1069. // Types
  1070. if (s.params.paginationType === 'bullets' && s.bullets && s.bullets.length > 0) {
  1071. s.bullets.removeClass(s.params.bulletActiveClass);
  1072. if (s.paginationContainer.length > 1) {
  1073. s.bullets.each(function () {
  1074. if ($(this).index() === current) $(this).addClass(s.params.bulletActiveClass);
  1075. });
  1076. }
  1077. else {
  1078. s.bullets.eq(current).addClass(s.params.bulletActiveClass);
  1079. }
  1080. }
  1081. if (s.params.paginationType === 'fraction') {
  1082. s.paginationContainer.find('.' + s.params.paginationCurrentClass).text(current + 1);
  1083. s.paginationContainer.find('.' + s.params.paginationTotalClass).text(total);
  1084. }
  1085. if (s.params.paginationType === 'progress') {
  1086. var scale = (current + 1) / total,
  1087. scaleX = scale,
  1088. scaleY = 1;
  1089. if (!s.isHorizontal()) {
  1090. scaleY = scale;
  1091. scaleX = 1;
  1092. }
  1093. s.paginationContainer.find('.' + s.params.paginationProgressbarClass).transform('translate3d(0,0,0) scaleX(' + scaleX + ') scaleY(' + scaleY + ')').transition(s.params.speed);
  1094. }
  1095. if (s.params.paginationType === 'custom' && s.params.paginationCustomRender) {
  1096. s.paginationContainer.html(s.params.paginationCustomRender(s, current + 1, total));
  1097. s.emit('onPaginationRendered', s, s.paginationContainer[0]);
  1098. }
  1099. }
  1100. // Next/active buttons
  1101. if (!s.params.loop) {
  1102. if (s.params.prevButton && s.prevButton && s.prevButton.length > 0) {
  1103. if (s.isBeginning) {
  1104. s.prevButton.addClass(s.params.buttonDisabledClass);
  1105. if (s.params.a11y && s.a11y) s.a11y.disable(s.prevButton);
  1106. }
  1107. else {
  1108. s.prevButton.removeClass(s.params.buttonDisabledClass);
  1109. if (s.params.a11y && s.a11y) s.a11y.enable(s.prevButton);
  1110. }
  1111. }
  1112. if (s.params.nextButton && s.nextButton && s.nextButton.length > 0) {
  1113. if (s.isEnd) {
  1114. s.nextButton.addClass(s.params.buttonDisabledClass);
  1115. if (s.params.a11y && s.a11y) s.a11y.disable(s.nextButton);
  1116. }
  1117. else {
  1118. s.nextButton.removeClass(s.params.buttonDisabledClass);
  1119. if (s.params.a11y && s.a11y) s.a11y.enable(s.nextButton);
  1120. }
  1121. }
  1122. }
  1123. };
  1124. /*=========================
  1125. Pagination
  1126. ===========================*/
  1127. s.updatePagination = function () {
  1128. if (!s.params.pagination) return;
  1129. if (s.paginationContainer && s.paginationContainer.length > 0) {
  1130. var paginationHTML = '';
  1131. if (s.params.paginationType === 'bullets') {
  1132. var numberOfBullets = s.params.loop ? Math.ceil((s.slides.length - s.loopedSlides * 2) / s.params.slidesPerGroup) : s.snapGrid.length;
  1133. for (var i = 0; i < numberOfBullets; i++) {
  1134. if (s.params.paginationBulletRender) {
  1135. paginationHTML += s.params.paginationBulletRender(s, i, s.params.bulletClass);
  1136. }
  1137. else {
  1138. paginationHTML += '<' + s.params.paginationElement+' class="' + s.params.bulletClass + '"></' + s.params.paginationElement + '>';
  1139. }
  1140. }
  1141. s.paginationContainer.html(paginationHTML);
  1142. s.bullets = s.paginationContainer.find('.' + s.params.bulletClass);
  1143. if (s.params.paginationClickable && s.params.a11y && s.a11y) {
  1144. s.a11y.initPagination();
  1145. }
  1146. }
  1147. if (s.params.paginationType === 'fraction') {
  1148. if (s.params.paginationFractionRender) {
  1149. paginationHTML = s.params.paginationFractionRender(s, s.params.paginationCurrentClass, s.params.paginationTotalClass);
  1150. }
  1151. else {
  1152. paginationHTML =
  1153. '<span class="' + s.params.paginationCurrentClass + '"></span>' +
  1154. ' / ' +
  1155. '<span class="' + s.params.paginationTotalClass+'"></span>';
  1156. }
  1157. s.paginationContainer.html(paginationHTML);
  1158. }
  1159. if (s.params.paginationType === 'progress') {
  1160. if (s.params.paginationProgressRender) {
  1161. paginationHTML = s.params.paginationProgressRender(s, s.params.paginationProgressbarClass);
  1162. }
  1163. else {
  1164. paginationHTML = '<span class="' + s.params.paginationProgressbarClass + '"></span>';
  1165. }
  1166. s.paginationContainer.html(paginationHTML);
  1167. }
  1168. if (s.params.paginationType !== 'custom') {
  1169. s.emit('onPaginationRendered', s, s.paginationContainer[0]);
  1170. }
  1171. }
  1172. };
  1173. /*=========================
  1174. Common update method
  1175. ===========================*/
  1176. s.update = function (updateTranslate) {
  1177. if (!s) return;
  1178. s.updateContainerSize();
  1179. s.updateSlidesSize();
  1180. s.updateProgress();
  1181. s.updatePagination();
  1182. s.updateClasses();
  1183. if (s.params.scrollbar && s.scrollbar) {
  1184. s.scrollbar.set();
  1185. }
  1186. var newTranslate;
  1187. function forceSetTranslate() {
  1188. var translate = s.rtl ? -s.translate : s.translate;
  1189. newTranslate = Math.min(Math.max(s.translate, s.maxTranslate()), s.minTranslate());
  1190. s.setWrapperTranslate(newTranslate);
  1191. s.updateActiveIndex();
  1192. s.updateClasses();
  1193. }
  1194. if (updateTranslate) {
  1195. var translated;
  1196. if (s.controller && s.controller.spline) {
  1197. s.controller.spline = undefined;
  1198. }
  1199. if (s.params.freeMode) {
  1200. forceSetTranslate();
  1201. if (s.params.autoHeight) {
  1202. s.updateAutoHeight();
  1203. }
  1204. }
  1205. else {
  1206. if ((s.params.slidesPerView === 'auto' || s.params.slidesPerView > 1) && s.isEnd && !s.params.centeredSlides) {
  1207. translated = s.slideTo(s.slides.length - 1, 0, false, true);
  1208. }
  1209. else {
  1210. translated = s.slideTo(s.activeIndex, 0, false, true);
  1211. }
  1212. if (!translated) {
  1213. forceSetTranslate();
  1214. }
  1215. }
  1216. }
  1217. else if (s.params.autoHeight) {
  1218. s.updateAutoHeight();
  1219. }
  1220. };
  1221. /*=========================
  1222. Resize Handler
  1223. ===========================*/
  1224. s.onResize = function (forceUpdatePagination) {
  1225. if (s.params.onBeforeResize) s.params.onBeforeResize(s);
  1226. //Breakpoints
  1227. if (s.params.breakpoints) {
  1228. s.setBreakpoint();
  1229. }
  1230. // Disable locks on resize
  1231. var allowSwipeToPrev = s.params.allowSwipeToPrev;
  1232. var allowSwipeToNext = s.params.allowSwipeToNext;
  1233. s.params.allowSwipeToPrev = s.params.allowSwipeToNext = true;
  1234. s.updateContainerSize();
  1235. s.updateSlidesSize();
  1236. if (s.params.slidesPerView === 'auto' || s.params.freeMode || forceUpdatePagination) s.updatePagination();
  1237. if (s.params.scrollbar && s.scrollbar) {
  1238. s.scrollbar.set();
  1239. }
  1240. if (s.controller && s.controller.spline) {
  1241. s.controller.spline = undefined;
  1242. }
  1243. var slideChangedBySlideTo = false;
  1244. if (s.params.freeMode) {
  1245. var newTranslate = Math.min(Math.max(s.translate, s.maxTranslate()), s.minTranslate());
  1246. s.setWrapperTranslate(newTranslate);
  1247. s.updateActiveIndex();
  1248. s.updateClasses();
  1249. if (s.params.autoHeight) {
  1250. s.updateAutoHeight();
  1251. }
  1252. }
  1253. else {
  1254. s.updateClasses();
  1255. if ((s.params.slidesPerView === 'auto' || s.params.slidesPerView > 1) && s.isEnd && !s.params.centeredSlides) {
  1256. slideChangedBySlideTo = s.slideTo(s.slides.length - 1, 0, false, true);
  1257. }
  1258. else {
  1259. slideChangedBySlideTo = s.slideTo(s.activeIndex, 0, false, true);
  1260. }
  1261. }
  1262. if (s.params.lazyLoading && !slideChangedBySlideTo && s.lazy) {
  1263. s.lazy.load();
  1264. }
  1265. // Return locks after resize
  1266. s.params.allowSwipeToPrev = allowSwipeToPrev;
  1267. s.params.allowSwipeToNext = allowSwipeToNext;
  1268. if (s.params.onAfterResize) s.params.onAfterResize(s);
  1269. };
  1270. /*=========================
  1271. Events
  1272. ===========================*/
  1273. //Define Touch Events
  1274. s.touchEventsDesktop = {start: 'mousedown', move: 'mousemove', end: 'mouseup'};
  1275. if (window.navigator.pointerEnabled) s.touchEventsDesktop = {start: 'pointerdown', move: 'pointermove', end: 'pointerup'};
  1276. else if (window.navigator.msPointerEnabled) s.touchEventsDesktop = {start: 'MSPointerDown', move: 'MSPointerMove', end: 'MSPointerUp'};
  1277. s.touchEvents = {
  1278. start : s.support.touch || !s.params.simulateTouch ? 'touchstart' : s.touchEventsDesktop.start,
  1279. move : s.support.touch || !s.params.simulateTouch ? 'touchmove' : s.touchEventsDesktop.move,
  1280. end : s.support.touch || !s.params.simulateTouch ? 'touchend' : s.touchEventsDesktop.end
  1281. };
  1282. // WP8 Touch Events Fix
  1283. if (window.navigator.pointerEnabled || window.navigator.msPointerEnabled) {
  1284. (s.params.touchEventsTarget === 'container' ? s.container : s.wrapper).addClass('swiper-wp8-' + s.params.direction);
  1285. }
  1286. // Attach/detach events
  1287. s.initEvents = function (detach) {
  1288. var actionDom = detach ? 'off' : 'on';
  1289. var action = detach ? 'removeEventListener' : 'addEventListener';
  1290. var touchEventsTarget = s.params.touchEventsTarget === 'container' ? s.container[0] : s.wrapper[0];
  1291. var target = s.support.touch ? touchEventsTarget : document;
  1292. var moveCapture = s.params.nested ? true : false;
  1293. //Touch Events
  1294. if (s.browser.ie) {
  1295. touchEventsTarget[action](s.touchEvents.start, s.onTouchStart, false);
  1296. target[action](s.touchEvents.move, s.onTouchMove, moveCapture);
  1297. target[action](s.touchEvents.end, s.onTouchEnd, false);
  1298. }
  1299. else {
  1300. if (s.support.touch) {
  1301. var passiveListener = s.touchEvents.start === 'touchstart' && s.support.passiveListener && s.params.passiveListeners ? {passive: true, capture: false} : false;
  1302. touchEventsTarget[action](s.touchEvents.start, s.onTouchStart, passiveListener);
  1303. touchEventsTarget[action](s.touchEvents.move, s.onTouchMove, moveCapture);
  1304. touchEventsTarget[action](s.touchEvents.end, s.onTouchEnd, passiveListener);
  1305. }
  1306. if ((params.simulateTouch && !s.device.ios && !s.device.android) || (params.simulateTouch && !s.support.touch && s.device.ios)) {
  1307. touchEventsTarget[action]('mousedown', s.onTouchStart, false);
  1308. document[action]('mousemove', s.onTouchMove, moveCapture);
  1309. document[action]('mouseup', s.onTouchEnd, false);
  1310. }
  1311. }
  1312. window[action]('resize', s.onResize);
  1313. // Next, Prev, Index
  1314. if (s.params.nextButton && s.nextButton && s.nextButton.length > 0) {
  1315. s.nextButton[actionDom]('click', s.onClickNext);
  1316. if (s.params.a11y && s.a11y) s.nextButton[actionDom]('keydown', s.a11y.onEnterKey);
  1317. }
  1318. if (s.params.prevButton && s.prevButton && s.prevButton.length > 0) {
  1319. s.prevButton[actionDom]('click', s.onClickPrev);
  1320. if (s.params.a11y && s.a11y) s.prevButton[actionDom]('keydown', s.a11y.onEnterKey);
  1321. }
  1322. if (s.params.pagination && s.params.paginationClickable) {
  1323. s.paginationContainer[actionDom]('click', '.' + s.params.bulletClass, s.onClickIndex);
  1324. if (s.params.a11y && s.a11y) s.paginationContainer[actionDom]('keydown', '.' + s.params.bulletClass, s.a11y.onEnterKey);
  1325. }
  1326. // Prevent Links Clicks
  1327. if (s.params.preventClicks || s.params.preventClicksPropagation) touchEventsTarget[action]('click', s.preventClicks, true);
  1328. };
  1329. s.attachEvents = function () {
  1330. s.initEvents();
  1331. };
  1332. s.detachEvents = function () {
  1333. s.initEvents(true);
  1334. };
  1335. /*=========================
  1336. Handle Clicks
  1337. ===========================*/
  1338. // Prevent Clicks
  1339. s.allowClick = true;
  1340. s.preventClicks = function (e) {
  1341. if (!s.allowClick) {
  1342. if (s.params.preventClicks) e.preventDefault();
  1343. if (s.params.preventClicksPropagation && s.animating) {
  1344. e.stopPropagation();
  1345. e.stopImmediatePropagation();
  1346. }
  1347. }
  1348. };
  1349. // Clicks
  1350. s.onClickNext = function (e) {
  1351. e.preventDefault();
  1352. if (s.isEnd && !s.params.loop) return;
  1353. s.slideNext();
  1354. };
  1355. s.onClickPrev = function (e) {
  1356. e.preventDefault();
  1357. if (s.isBeginning && !s.params.loop) return;
  1358. s.slidePrev();
  1359. };
  1360. s.onClickIndex = function (e) {
  1361. e.preventDefault();
  1362. var index = $(this).index() * s.params.slidesPerGroup;
  1363. if (s.params.loop) index = index + s.loopedSlides;
  1364. s.slideTo(index);
  1365. };
  1366. /*=========================
  1367. Handle Touches
  1368. ===========================*/
  1369. function findElementInEvent(e, selector) {
  1370. var el = $(e.target);
  1371. if (!el.is(selector)) {
  1372. if (typeof selector === 'string') {
  1373. el = el.parents(selector);
  1374. }
  1375. else if (selector.nodeType) {
  1376. var found;
  1377. el.parents().each(function (index, _el) {
  1378. if (_el === selector) found = selector;
  1379. });
  1380. if (!found) return undefined;
  1381. else return selector;
  1382. }
  1383. }
  1384. if (el.length === 0) {
  1385. return undefined;
  1386. }
  1387. return el[0];
  1388. }
  1389. s.updateClickedSlide = function (e) {
  1390. var slide = findElementInEvent(e, '.' + s.params.slideClass);
  1391. var slideFound = false;
  1392. if (slide) {
  1393. for (var i = 0; i < s.slides.length; i++) {
  1394. if (s.slides[i] === slide) slideFound = true;
  1395. }
  1396. }
  1397. if (slide && slideFound) {
  1398. s.clickedSlide = slide;
  1399. s.clickedIndex = $(slide).index();
  1400. }
  1401. else {
  1402. s.clickedSlide = undefined;
  1403. s.clickedIndex = undefined;
  1404. return;
  1405. }
  1406. if (s.params.slideToClickedSlide && s.clickedIndex !== undefined && s.clickedIndex !== s.activeIndex) {
  1407. var slideToIndex = s.clickedIndex,
  1408. realIndex,
  1409. duplicatedSlides,
  1410. slidesPerView = s.params.slidesPerView === 'auto' ? s.currentSlidesPerView() : s.params.slidesPerView;
  1411. if (s.params.loop) {
  1412. if (s.animating) return;
  1413. realIndex = parseInt($(s.clickedSlide).attr('data-swiper-slide-index'), 10);
  1414. if (s.params.centeredSlides) {
  1415. if ((slideToIndex < s.loopedSlides - slidesPerView/2) || (slideToIndex > s.slides.length - s.loopedSlides + slidesPerView/2)) {
  1416. s.fixLoop();
  1417. slideToIndex = s.wrapper.children('.' + s.params.slideClass + '[data-swiper-slide-index="' + realIndex + '"]:not(.' + s.params.slideDuplicateClass + ')').eq(0).index();
  1418. setTimeout(function () {
  1419. s.slideTo(slideToIndex);
  1420. }, 0);
  1421. }
  1422. else {
  1423. s.slideTo(slideToIndex);
  1424. }
  1425. }
  1426. else {
  1427. if (slideToIndex > s.slides.length - slidesPerView) {
  1428. s.fixLoop();
  1429. slideToIndex = s.wrapper.children('.' + s.params.slideClass + '[data-swiper-slide-index="' + realIndex + '"]:not(.' + s.params.slideDuplicateClass + ')').eq(0).index();
  1430. setTimeout(function () {
  1431. s.slideTo(slideToIndex);
  1432. }, 0);
  1433. }
  1434. else {
  1435. s.slideTo(slideToIndex);
  1436. }
  1437. }
  1438. }
  1439. else {
  1440. s.slideTo(slideToIndex);
  1441. }
  1442. }
  1443. };
  1444. var isTouched,
  1445. isMoved,
  1446. allowTouchCallbacks,
  1447. touchStartTime,
  1448. isScrolling,
  1449. currentTranslate,
  1450. startTranslate,
  1451. allowThresholdMove,
  1452. // Form elements to match
  1453. formElements = 'input, select, textarea, button, video',
  1454. // Last click time
  1455. lastClickTime = Date.now(), clickTimeout,
  1456. //Velocities
  1457. velocities = [],
  1458. allowMomentumBounce;
  1459. // Animating Flag
  1460. s.animating = false;
  1461. // Touches information
  1462. s.touches = {
  1463. startX: 0,
  1464. startY: 0,
  1465. currentX: 0,
  1466. currentY: 0,
  1467. diff: 0
  1468. };
  1469. // Touch handlers
  1470. var isTouchEvent, startMoving;
  1471. s.onTouchStart = function (e) {
  1472. if (e.originalEvent) e = e.originalEvent;
  1473. isTouchEvent = e.type === 'touchstart';
  1474. if (!isTouchEvent && 'which' in e && e.which === 3) return;
  1475. if (s.params.noSwiping && findElementInEvent(e, '.' + s.params.noSwipingClass)) {
  1476. s.allowClick = true;
  1477. return;
  1478. }
  1479. if (s.params.swipeHandler) {
  1480. if (!findElementInEvent(e, s.params.swipeHandler)) return;
  1481. }
  1482. var startX = s.touches.currentX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
  1483. var startY = s.touches.currentY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
  1484. // Do NOT start if iOS edge swipe is detected. Otherwise iOS app (UIWebView) cannot swipe-to-go-back anymore
  1485. if(s.device.ios && s.params.iOSEdgeSwipeDetection && startX <= s.params.iOSEdgeSwipeThreshold) {
  1486. return;
  1487. }
  1488. isTouched = true;
  1489. isMoved = false;
  1490. allowTouchCallbacks = true;
  1491. isScrolling = undefined;
  1492. startMoving = undefined;
  1493. s.touches.startX = startX;
  1494. s.touches.startY = startY;
  1495. touchStartTime = Date.now();
  1496. s.allowClick = true;
  1497. s.updateContainerSize();
  1498. s.swipeDirection = undefined;
  1499. if (s.params.threshold > 0) allowThresholdMove = false;
  1500. if (e.type !== 'touchstart') {
  1501. var preventDefault = true;
  1502. if ($(e.target).is(formElements)) preventDefault = false;
  1503. if (document.activeElement && $(document.activeElement).is(formElements)) {
  1504. document.activeElement.blur();
  1505. }
  1506. if (preventDefault) {
  1507. e.preventDefault();
  1508. }
  1509. }
  1510. s.emit('onTouchStart', s, e);
  1511. };
  1512. s.onTouchMove = function (e) {
  1513. if (e.originalEvent) e = e.originalEvent;
  1514. if (isTouchEvent && e.type === 'mousemove') return;
  1515. if (e.preventedByNestedSwiper) {
  1516. s.touches.startX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
  1517. s.touches.startY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
  1518. return;
  1519. }
  1520. if (s.params.onlyExternal) {
  1521. // isMoved = true;
  1522. s.allowClick = false;
  1523. if (isTouched) {
  1524. s.touches.startX = s.touches.currentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
  1525. s.touches.startY = s.touches.currentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
  1526. touchStartTime = Date.now();
  1527. }
  1528. return;
  1529. }
  1530. if (isTouchEvent && s.params.touchReleaseOnEdges && !s.params.loop) {
  1531. if (!s.isHorizontal()) {
  1532. // Vertical
  1533. if (
  1534. (s.touches.currentY < s.touches.startY && s.translate <= s.maxTranslate()) ||
  1535. (s.touches.currentY > s.touches.startY && s.translate >= s.minTranslate())
  1536. ) {
  1537. return;
  1538. }
  1539. }
  1540. else {
  1541. if (
  1542. (s.touches.currentX < s.touches.startX && s.translate <= s.maxTranslate()) ||
  1543. (s.touches.currentX > s.touches.startX && s.translate >= s.minTranslate())
  1544. ) {
  1545. return;
  1546. }
  1547. }
  1548. }
  1549. if (isTouchEvent && document.activeElement) {
  1550. if (e.target === document.activeElement && $(e.target).is(formElements)) {
  1551. isMoved = true;
  1552. s.allowClick = false;
  1553. return;
  1554. }
  1555. }
  1556. if (allowTouchCallbacks) {
  1557. s.emit('onTouchMove', s, e);
  1558. }
  1559. if (e.targetTouches && e.targetTouches.length > 1) return;
  1560. s.touches.currentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
  1561. s.touches.currentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
  1562. if (typeof isScrolling === 'undefined') {
  1563. var touchAngle;
  1564. if (s.isHorizontal() && s.touches.currentY === s.touches.startY || !s.isHorizontal() && s.touches.currentX === s.touches.startX) {
  1565. isScrolling = false;
  1566. }
  1567. else {
  1568. touchAngle = Math.atan2(Math.abs(s.touches.currentY - s.touches.startY), Math.abs(s.touches.currentX - s.touches.startX)) * 180 / Math.PI;
  1569. isScrolling = s.isHorizontal() ? touchAngle > s.params.touchAngle : (90 - touchAngle > s.params.touchAngle);
  1570. }
  1571. }
  1572. if (isScrolling) {
  1573. s.emit('onTouchMoveOpposite', s, e);
  1574. }
  1575. if (typeof startMoving === 'undefined') {
  1576. if (s.touches.currentX !== s.touches.startX || s.touches.currentY !== s.touches.startY) {
  1577. startMoving = true;
  1578. }
  1579. }
  1580. if (!isTouched) return;
  1581. if (isScrolling) {
  1582. isTouched = false;
  1583. return;
  1584. }
  1585. if (!startMoving) {
  1586. return;
  1587. }
  1588. s.allowClick = false;
  1589. s.emit('onSliderMove', s, e);
  1590. e.preventDefault();
  1591. if (s.params.touchMoveStopPropagation && !s.params.nested) {
  1592. e.stopPropagation();
  1593. }
  1594. if (!isMoved) {
  1595. if (params.loop) {
  1596. s.fixLoop();
  1597. }
  1598. startTranslate = s.getWrapperTranslate();
  1599. s.setWrapperTransition(0);
  1600. if (s.animating) {
  1601. s.wrapper.trigger('webkitTransitionEnd transitionend oTransitionEnd MSTransitionEnd msTransitionEnd');
  1602. }
  1603. if (s.params.autoplay && s.autoplaying) {
  1604. if (s.params.autoplayDisableOnInteraction) {
  1605. s.stopAutoplay();
  1606. }
  1607. else {
  1608. s.pauseAutoplay();
  1609. }
  1610. }
  1611. allowMomentumBounce = false;
  1612. //Grab Cursor
  1613. if (s.params.grabCursor && (s.params.allowSwipeToNext === true || s.params.allowSwipeToPrev === true)) {
  1614. s.setGrabCursor(true);
  1615. }
  1616. }
  1617. isMoved = true;
  1618. var diff = s.touches.diff = s.isHorizontal() ? s.touches.currentX - s.touches.startX : s.touches.currentY - s.touches.startY;
  1619. diff = diff * s.params.touchRatio;
  1620. if (s.rtl) diff = -diff;
  1621. s.swipeDirection = diff > 0 ? 'prev' : 'next';
  1622. currentTranslate = diff + startTranslate;
  1623. var disableParentSwiper = true;
  1624. if ((diff > 0 && currentTranslate > s.minTranslate())) {
  1625. disableParentSwiper = false;
  1626. if (s.params.resistance) currentTranslate = s.minTranslate() - 1 + Math.pow(-s.minTranslate() + startTranslate + diff, s.params.resistanceRatio);
  1627. }
  1628. else if (diff < 0 && currentTranslate < s.maxTranslate()) {
  1629. disableParentSwiper = false;
  1630. if (s.params.resistance) currentTranslate = s.maxTranslate() + 1 - Math.pow(s.maxTranslate() - startTranslate - diff, s.params.resistanceRatio);
  1631. }
  1632. if (disableParentSwiper) {
  1633. e.preventedByNestedSwiper = true;
  1634. }
  1635. // Directions locks
  1636. if (!s.params.allowSwipeToNext && s.swipeDirection === 'next' && currentTranslate < startTranslate) {
  1637. currentTranslate = startTranslate;
  1638. }
  1639. if (!s.params.allowSwipeToPrev && s.swipeDirection === 'prev' && currentTranslate > startTranslate) {
  1640. currentTranslate = startTranslate;
  1641. }
  1642. // Threshold
  1643. if (s.params.threshold > 0) {
  1644. if (Math.abs(diff) > s.params.threshold || allowThresholdMove) {
  1645. if (!allowThresholdMove) {
  1646. allowThresholdMove = true;
  1647. s.touches.startX = s.touches.currentX;
  1648. s.touches.startY = s.touches.currentY;
  1649. currentTranslate = startTranslate;
  1650. s.touches.diff = s.isHorizontal() ? s.touches.currentX - s.touches.startX : s.touches.currentY - s.touches.startY;
  1651. return;
  1652. }
  1653. }
  1654. else {
  1655. currentTranslate = startTranslate;
  1656. return;
  1657. }
  1658. }
  1659. if (!s.params.followFinger) return;
  1660. // Update active index in free mode
  1661. if (s.params.freeMode || s.params.watchSlidesProgress) {
  1662. s.updateActiveIndex();
  1663. }
  1664. if (s.params.freeMode) {
  1665. //Velocity
  1666. if (velocities.length === 0) {
  1667. velocities.push({
  1668. position: s.touches[s.isHorizontal() ? 'startX' : 'startY'],
  1669. time: touchStartTime
  1670. });
  1671. }
  1672. velocities.push({
  1673. position: s.touches[s.isHorizontal() ? 'currentX' : 'currentY'],
  1674. time: (new window.Date()).getTime()
  1675. });
  1676. }
  1677. // Update progress
  1678. s.updateProgress(currentTranslate);
  1679. // Update translate
  1680. s.setWrapperTranslate(currentTranslate);
  1681. };
  1682. s.onTouchEnd = function (e) {
  1683. if (e.originalEvent) e = e.originalEvent;
  1684. if (allowTouchCallbacks) {
  1685. s.emit('onTouchEnd', s, e);
  1686. }
  1687. allowTouchCallbacks = false;
  1688. if (!isTouched) return;
  1689. //Return Grab Cursor
  1690. if (s.params.grabCursor && isMoved && isTouched && (s.params.allowSwipeToNext === true || s.params.allowSwipeToPrev === true)) {
  1691. s.setGrabCursor(false);
  1692. }
  1693. // Time diff
  1694. var touchEndTime = Date.now();
  1695. var timeDiff = touchEndTime - touchStartTime;
  1696. // Tap, doubleTap, Click
  1697. if (s.allowClick) {
  1698. s.updateClickedSlide(e);
  1699. s.emit('onTap', s, e);
  1700. if (timeDiff < 300 && (touchEndTime - lastClickTime) > 300) {
  1701. if (clickTimeout) clearTimeout(clickTimeout);
  1702. clickTimeout = setTimeout(function () {
  1703. if (!s) return;
  1704. if (s.params.paginationHide && s.paginationContainer.length > 0 && !$(e.target).hasClass(s.params.bulletClass)) {
  1705. s.paginationContainer.toggleClass(s.params.paginationHiddenClass);
  1706. }
  1707. s.emit('onClick', s, e);
  1708. }, 300);
  1709. }
  1710. if (timeDiff < 300 && (touchEndTime - lastClickTime) < 300) {
  1711. if (clickTimeout) clearTimeout(clickTimeout);
  1712. s.emit('onDoubleTap', s, e);
  1713. }
  1714. }
  1715. lastClickTime = Date.now();
  1716. setTimeout(function () {
  1717. if (s) s.allowClick = true;
  1718. }, 0);
  1719. if (!isTouched || !isMoved || !s.swipeDirection || s.touches.diff === 0 || currentTranslate === startTranslate) {
  1720. isTouched = isMoved = false;
  1721. return;
  1722. }
  1723. isTouched = isMoved = false;
  1724. var currentPos;
  1725. if (s.params.followFinger) {
  1726. currentPos = s.rtl ? s.translate : -s.translate;
  1727. }
  1728. else {
  1729. currentPos = -currentTranslate;
  1730. }
  1731. if (s.params.freeMode) {
  1732. if (currentPos < -s.minTranslate()) {
  1733. s.slideTo(s.activeIndex);
  1734. return;
  1735. }
  1736. else if (currentPos > -s.maxTranslate()) {
  1737. if (s.slides.length < s.snapGrid.length) {
  1738. s.slideTo(s.snapGrid.length - 1);
  1739. }
  1740. else {
  1741. s.slideTo(s.slides.length - 1);
  1742. }
  1743. return;
  1744. }
  1745. if (s.params.freeModeMomentum) {
  1746. if (velocities.length > 1) {
  1747. var lastMoveEvent = velocities.pop(), velocityEvent = velocities.pop();
  1748. var distance = lastMoveEvent.position - velocityEvent.position;
  1749. var time = lastMoveEvent.time - velocityEvent.time;
  1750. s.velocity = distance / time;
  1751. s.velocity = s.velocity / 2;
  1752. if (Math.abs(s.velocity) < s.params.freeModeMinimumVelocity) {
  1753. s.velocity = 0;
  1754. }
  1755. // this implies that the user stopped moving a finger then released.
  1756. // There would be no events with distance zero, so the last event is stale.
  1757. if (time > 150 || (new window.Date().getTime() - lastMoveEvent.time) > 300) {
  1758. s.velocity = 0;
  1759. }
  1760. } else {
  1761. s.velocity = 0;
  1762. }
  1763. s.velocity = s.velocity * s.params.freeModeMomentumVelocityRatio;
  1764. velocities.length = 0;
  1765. var momentumDuration = 1000 * s.params.freeModeMomentumRatio;
  1766. var momentumDistance = s.velocity * momentumDuration;
  1767. var newPosition = s.translate + momentumDistance;
  1768. if (s.rtl) newPosition = - newPosition;
  1769. var doBounce = false;
  1770. var afterBouncePosition;
  1771. var bounceAmount = Math.abs(s.velocity) * 20 * s.params.freeModeMomentumBounceRatio;
  1772. if (newPosition < s.maxTranslate()) {
  1773. if (s.params.freeModeMomentumBounce) {
  1774. if (newPosition + s.maxTranslate() < -bounceAmount) {
  1775. newPosition = s.maxTranslate() - bounceAmount;
  1776. }
  1777. afterBouncePosition = s.maxTranslate();
  1778. doBounce = true;
  1779. allowMomentumBounce = true;
  1780. }
  1781. else {
  1782. newPosition = s.maxTranslate();
  1783. }
  1784. }
  1785. else if (newPosition > s.minTranslate()) {
  1786. if (s.params.freeModeMomentumBounce) {
  1787. if (newPosition - s.minTranslate() > bounceAmount) {
  1788. newPosition = s.minTranslate() + bounceAmount;
  1789. }
  1790. afterBouncePosition = s.minTranslate();
  1791. doBounce = true;
  1792. allowMomentumBounce = true;
  1793. }
  1794. else {
  1795. newPosition = s.minTranslate();
  1796. }
  1797. }
  1798. else if (s.params.freeModeSticky) {
  1799. var j = 0,
  1800. nextSlide;
  1801. for (j = 0; j < s.snapGrid.length; j += 1) {
  1802. if (s.snapGrid[j] > -newPosition) {
  1803. nextSlide = j;
  1804. break;
  1805. }
  1806. }
  1807. if (Math.abs(s.snapGrid[nextSlide] - newPosition) < Math.abs(s.snapGrid[nextSlide - 1] - newPosition) || s.swipeDirection === 'next') {
  1808. newPosition = s.snapGrid[nextSlide];
  1809. } else {
  1810. newPosition = s.snapGrid[nextSlide - 1];
  1811. }
  1812. if (!s.rtl) newPosition = - newPosition;
  1813. }
  1814. //Fix duration
  1815. if (s.velocity !== 0) {
  1816. if (s.rtl) {
  1817. momentumDuration = Math.abs((-newPosition - s.translate) / s.velocity);
  1818. }
  1819. else {
  1820. momentumDuration = Math.abs((newPosition - s.translate) / s.velocity);
  1821. }
  1822. }
  1823. else if (s.params.freeModeSticky) {
  1824. s.slideReset();
  1825. return;
  1826. }
  1827. if (s.params.freeModeMomentumBounce && doBounce) {
  1828. s.updateProgress(afterBouncePosition);
  1829. s.setWrapperTransition(momentumDuration);
  1830. s.setWrapperTranslate(newPosition);
  1831. s.onTransitionStart();
  1832. s.animating = true;
  1833. s.wrapper.transitionEnd(function () {
  1834. if (!s || !allowMomentumBounce) return;
  1835. s.emit('onMomentumBounce', s);
  1836. s.setWrapperTransition(s.params.speed);
  1837. s.setWrapperTranslate(afterBouncePosition);
  1838. s.wrapper.transitionEnd(function () {
  1839. if (!s) return;
  1840. s.onTransitionEnd();
  1841. });
  1842. });
  1843. } else if (s.velocity) {
  1844. s.updateProgress(newPosition);
  1845. s.setWrapperTransition(momentumDuration);
  1846. s.setWrapperTranslate(newPosition);
  1847. s.onTransitionStart();
  1848. if (!s.animating) {
  1849. s.animating = true;
  1850. s.wrapper.transitionEnd(function () {
  1851. if (!s) return;
  1852. s.onTransitionEnd();
  1853. });
  1854. }
  1855. } else {
  1856. s.updateProgress(newPosition);
  1857. }
  1858. s.updateActiveIndex();
  1859. }
  1860. if (!s.params.freeModeMomentum || timeDiff >= s.params.longSwipesMs) {
  1861. s.updateProgress();
  1862. s.updateActiveIndex();
  1863. }
  1864. return;
  1865. }
  1866. // Find current slide
  1867. var i, stopIndex = 0, groupSize = s.slidesSizesGrid[0];
  1868. for (i = 0; i < s.slidesGrid.length; i += s.params.slidesPerGroup) {
  1869. if (typeof s.slidesGrid[i + s.params.slidesPerGroup] !== 'undefined') {
  1870. if (currentPos >= s.slidesGrid[i] && currentPos < s.slidesGrid[i + s.params.slidesPerGroup]) {
  1871. stopIndex = i;
  1872. groupSize = s.slidesGrid[i + s.params.slidesPerGroup] - s.slidesGrid[i];
  1873. }
  1874. }
  1875. else {
  1876. if (currentPos >= s.slidesGrid[i]) {
  1877. stopIndex = i;
  1878. groupSize = s.slidesGrid[s.slidesGrid.length - 1] - s.slidesGrid[s.slidesGrid.length - 2];
  1879. }
  1880. }
  1881. }
  1882. // Find current slide size
  1883. var ratio = (currentPos - s.slidesGrid[stopIndex]) / groupSize;
  1884. if (timeDiff > s.params.longSwipesMs) {
  1885. // Long touches
  1886. if (!s.params.longSwipes) {
  1887. s.slideTo(s.activeIndex);
  1888. return;
  1889. }
  1890. if (s.swipeDirection === 'next') {
  1891. if (ratio >= s.params.longSwipesRatio) s.slideTo(stopIndex + s.params.slidesPerGroup);
  1892. else s.slideTo(stopIndex);
  1893. }
  1894. if (s.swipeDirection === 'prev') {
  1895. if (ratio > (1 - s.params.longSwipesRatio)) s.slideTo(stopIndex + s.params.slidesPerGroup);
  1896. else s.slideTo(stopIndex);
  1897. }
  1898. }
  1899. else {
  1900. // Short swipes
  1901. if (!s.params.shortSwipes) {
  1902. s.slideTo(s.activeIndex);
  1903. return;
  1904. }
  1905. if (s.swipeDirection === 'next') {
  1906. s.slideTo(stopIndex + s.params.slidesPerGroup);
  1907. }
  1908. if (s.swipeDirection === 'prev') {
  1909. s.slideTo(stopIndex);
  1910. }
  1911. }
  1912. };
  1913. /*=========================
  1914. Transitions
  1915. ===========================*/
  1916. s._slideTo = function (slideIndex, speed) {
  1917. return s.slideTo(slideIndex, speed, true, true);
  1918. };
  1919. s.slideTo = function (slideIndex, speed, runCallbacks, internal) {
  1920. if (typeof runCallbacks === 'undefined') runCallbacks = true;
  1921. if (typeof slideIndex === 'undefined') slideIndex = 0;
  1922. if (slideIndex < 0) slideIndex = 0;
  1923. s.snapIndex = Math.floor(slideIndex / s.params.slidesPerGroup);
  1924. if (s.snapIndex >= s.snapGrid.length) s.snapIndex = s.snapGrid.length - 1;
  1925. var translate = - s.snapGrid[s.snapIndex];
  1926. // Stop autoplay
  1927. if (s.params.autoplay && s.autoplaying) {
  1928. if (internal || !s.params.autoplayDisableOnInteraction) {
  1929. s.pauseAutoplay(speed);
  1930. }
  1931. else {
  1932. s.stopAutoplay();
  1933. }
  1934. }
  1935. // Update progress
  1936. s.updateProgress(translate);
  1937. // Normalize slideIndex
  1938. if(s.params.normalizeSlideIndex){
  1939. for (var i = 0; i < s.slidesGrid.length; i++) {
  1940. if (- Math.floor(translate * 100) >= Math.floor(s.slidesGrid[i] * 100)) {
  1941. slideIndex = i;
  1942. }
  1943. }
  1944. }
  1945. // Directions locks
  1946. if (!s.params.allowSwipeToNext && translate < s.translate && translate < s.minTranslate()) {
  1947. return false;
  1948. }
  1949. if (!s.params.allowSwipeToPrev && translate > s.translate && translate > s.maxTranslate()) {
  1950. if ((s.activeIndex || 0) !== slideIndex ) return false;
  1951. }
  1952. // Update Index
  1953. if (typeof speed === 'undefined') speed = s.params.speed;
  1954. s.previousIndex = s.activeIndex || 0;
  1955. s.activeIndex = slideIndex;
  1956. s.updateRealIndex();
  1957. if ((s.rtl && -translate === s.translate) || (!s.rtl && translate === s.translate)) {
  1958. // Update Height
  1959. if (s.params.autoHeight) {
  1960. s.updateAutoHeight();
  1961. }
  1962. s.updateClasses();
  1963. if (s.params.effect !== 'slide') {
  1964. s.setWrapperTranslate(translate);
  1965. }
  1966. return false;
  1967. }
  1968. s.updateClasses();
  1969. s.onTransitionStart(runCallbacks);
  1970. if (speed === 0 || s.browser.lteIE9) {
  1971. s.setWrapperTranslate(translate);
  1972. s.setWrapperTransition(0);
  1973. s.onTransitionEnd(runCallbacks);
  1974. }
  1975. else {
  1976. s.setWrapperTranslate(translate);
  1977. s.setWrapperTransition(speed);
  1978. if (!s.animating) {
  1979. s.animating = true;
  1980. s.wrapper.transitionEnd(function () {
  1981. if (!s) return;
  1982. s.onTransitionEnd(runCallbacks);
  1983. });
  1984. }
  1985. }
  1986. return true;
  1987. };
  1988. s.onTransitionStart = function (runCallbacks) {
  1989. if (typeof runCallbacks === 'undefined') runCallbacks = true;
  1990. if (s.params.autoHeight) {
  1991. s.updateAutoHeight();
  1992. }
  1993. if (s.lazy) s.lazy.onTransitionStart();
  1994. if (runCallbacks) {
  1995. s.emit('onTransitionStart', s);
  1996. if (s.activeIndex !== s.previousIndex) {
  1997. s.emit('onSlideChangeStart', s);
  1998. if (s.activeIndex > s.previousIndex) {
  1999. s.emit('onSlideNextStart', s);
  2000. }
  2001. else {
  2002. s.emit('onSlidePrevStart', s);
  2003. }
  2004. }
  2005. }
  2006. };
  2007. s.onTransitionEnd = function (runCallbacks) {
  2008. s.animating = false;
  2009. s.setWrapperTransition(0);
  2010. if (typeof runCallbacks === 'undefined') runCallbacks = true;
  2011. if (s.lazy) s.lazy.onTransitionEnd();
  2012. if (runCallbacks) {
  2013. s.emit('onTransitionEnd', s);
  2014. if (s.activeIndex !== s.previousIndex) {
  2015. s.emit('onSlideChangeEnd', s);
  2016. if (s.activeIndex > s.previousIndex) {
  2017. s.emit('onSlideNextEnd', s);
  2018. }
  2019. else {
  2020. s.emit('onSlidePrevEnd', s);
  2021. }
  2022. }
  2023. }
  2024. if (s.params.history && s.history) {
  2025. s.history.setHistory(s.params.history, s.activeIndex);
  2026. }
  2027. if (s.params.hashnav && s.hashnav) {
  2028. s.hashnav.setHash();
  2029. }
  2030. };
  2031. s.slideNext = function (runCallbacks, speed, internal) {
  2032. if (s.params.loop) {
  2033. if (s.animating) return false;
  2034. s.fixLoop();
  2035. var clientLeft = s.container[0].clientLeft;
  2036. return s.slideTo(s.activeIndex + s.params.slidesPerGroup, speed, runCallbacks, internal);
  2037. }
  2038. else return s.slideTo(s.activeIndex + s.params.slidesPerGroup, speed, runCallbacks, internal);
  2039. };
  2040. s._slideNext = function (speed) {
  2041. return s.slideNext(true, speed, true);
  2042. };
  2043. s.slidePrev = function (runCallbacks, speed, internal) {
  2044. if (s.params.loop) {
  2045. if (s.animating) return false;
  2046. s.fixLoop();
  2047. var clientLeft = s.container[0].clientLeft;
  2048. return s.slideTo(s.activeIndex - 1, speed, runCallbacks, internal);
  2049. }
  2050. else return s.slideTo(s.activeIndex - 1, speed, runCallbacks, internal);
  2051. };
  2052. s._slidePrev = function (speed) {
  2053. return s.slidePrev(true, speed, true);
  2054. };
  2055. s.slideReset = function (runCallbacks, speed, internal) {
  2056. return s.slideTo(s.activeIndex, speed, runCallbacks);
  2057. };
  2058. s.disableTouchControl = function () {
  2059. s.params.onlyExternal = true;
  2060. return true;
  2061. };
  2062. s.enableTouchControl = function () {
  2063. s.params.onlyExternal = false;
  2064. return true;
  2065. };
  2066. /*=========================
  2067. Translate/transition helpers
  2068. ===========================*/
  2069. s.setWrapperTransition = function (duration, byController) {
  2070. s.wrapper.transition(duration);
  2071. if (s.params.effect !== 'slide' && s.effects[s.params.effect]) {
  2072. s.effects[s.params.effect].setTransition(duration);
  2073. }
  2074. if (s.params.parallax && s.parallax) {
  2075. s.parallax.setTransition(duration);
  2076. }
  2077. if (s.params.scrollbar && s.scrollbar) {
  2078. s.scrollbar.setTransition(duration);
  2079. }
  2080. if (s.params.control && s.controller) {
  2081. s.controller.setTransition(duration, byController);
  2082. }
  2083. s.emit('onSetTransition', s, duration);
  2084. };
  2085. s.setWrapperTranslate = function (translate, updateActiveIndex, byController) {
  2086. var x = 0, y = 0, z = 0;
  2087. if (s.isHorizontal()) {
  2088. x = s.rtl ? -translate : translate;
  2089. }
  2090. else {
  2091. y = translate;
  2092. }
  2093. if (s.params.roundLengths) {
  2094. x = round(x);
  2095. y = round(y);
  2096. }
  2097. if (!s.params.virtualTranslate) {
  2098. if (s.support.transforms3d) s.wrapper.transform('translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px)');
  2099. else s.wrapper.transform('translate(' + x + 'px, ' + y + 'px)');
  2100. }
  2101. s.translate = s.isHorizontal() ? x : y;
  2102. // Check if we need to update progress
  2103. var progress;
  2104. var translatesDiff = s.maxTranslate() - s.minTranslate();
  2105. if (translatesDiff === 0) {
  2106. progress = 0;
  2107. }
  2108. else {
  2109. progress = (translate - s.minTranslate()) / (translatesDiff);
  2110. }
  2111. if (progress !== s.progress) {
  2112. s.updateProgress(translate);
  2113. }
  2114. if (updateActiveIndex) s.updateActiveIndex();
  2115. if (s.params.effect !== 'slide' && s.effects[s.params.effect]) {
  2116. s.effects[s.params.effect].setTranslate(s.translate);
  2117. }
  2118. if (s.params.parallax && s.parallax) {
  2119. s.parallax.setTranslate(s.translate);
  2120. }
  2121. if (s.params.scrollbar && s.scrollbar) {
  2122. s.scrollbar.setTranslate(s.translate);
  2123. }
  2124. if (s.params.control && s.controller) {
  2125. s.controller.setTranslate(s.translate, byController);
  2126. }
  2127. s.emit('onSetTranslate', s, s.translate);
  2128. };
  2129. s.getTranslate = function (el, axis) {
  2130. var matrix, curTransform, curStyle, transformMatrix;
  2131. // automatic axis detection
  2132. if (typeof axis === 'undefined') {
  2133. axis = 'x';
  2134. }
  2135. if (s.params.virtualTranslate) {
  2136. return s.rtl ? -s.translate : s.translate;
  2137. }
  2138. curStyle = window.getComputedStyle(el, null);
  2139. if (window.WebKitCSSMatrix) {
  2140. curTransform = curStyle.transform || curStyle.webkitTransform;
  2141. if (curTransform.split(',').length > 6) {
  2142. curTransform = curTransform.split(', ').map(function(a){
  2143. return a.replace(',','.');
  2144. }).join(', ');
  2145. }
  2146. // Some old versions of Webkit choke when 'none' is passed; pass
  2147. // empty string instead in this case
  2148. transformMatrix = new window.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform);
  2149. }
  2150. else {
  2151. transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,');
  2152. matrix = transformMatrix.toString().split(',');
  2153. }
  2154. if (axis === 'x') {
  2155. //Latest Chrome and webkits Fix
  2156. if (window.WebKitCSSMatrix)
  2157. curTransform = transformMatrix.m41;
  2158. //Crazy IE10 Matrix
  2159. else if (matrix.length === 16)
  2160. curTransform = parseFloat(matrix[12]);
  2161. //Normal Browsers
  2162. else
  2163. curTransform = parseFloat(matrix[4]);
  2164. }
  2165. if (axis === 'y') {
  2166. //Latest Chrome and webkits Fix
  2167. if (window.WebKitCSSMatrix)
  2168. curTransform = transformMatrix.m42;
  2169. //Crazy IE10 Matrix
  2170. else if (matrix.length === 16)
  2171. curTransform = parseFloat(matrix[13]);
  2172. //Normal Browsers
  2173. else
  2174. curTransform = parseFloat(matrix[5]);
  2175. }
  2176. if (s.rtl && curTransform) curTransform = -curTransform;
  2177. return curTransform || 0;
  2178. };
  2179. s.getWrapperTranslate = function (axis) {
  2180. if (typeof axis === 'undefined') {
  2181. axis = s.isHorizontal() ? 'x' : 'y';
  2182. }
  2183. return s.getTranslate(s.wrapper[0], axis);
  2184. };
  2185. /*=========================
  2186. Observer
  2187. ===========================*/
  2188. s.observers = [];
  2189. function initObserver(target, options) {
  2190. options = options || {};
  2191. // create an observer instance
  2192. var ObserverFunc = window.MutationObserver || window.WebkitMutationObserver;
  2193. var observer = new ObserverFunc(function (mutations) {
  2194. mutations.forEach(function (mutation) {
  2195. s.onResize(true);
  2196. s.emit('onObserverUpdate', s, mutation);
  2197. });
  2198. });
  2199. observer.observe(target, {
  2200. attributes: typeof options.attributes === 'undefined' ? true : options.attributes,
  2201. childList: typeof options.childList === 'undefined' ? true : options.childList,
  2202. characterData: typeof options.characterData === 'undefined' ? true : options.characterData
  2203. });
  2204. s.observers.push(observer);
  2205. }
  2206. s.initObservers = function () {
  2207. if (s.params.observeParents) {
  2208. var containerParents = s.container.parents();
  2209. for (var i = 0; i < containerParents.length; i++) {
  2210. initObserver(containerParents[i]);
  2211. }
  2212. }
  2213. // Observe container
  2214. initObserver(s.container[0], {childList: false});
  2215. // Observe wrapper
  2216. initObserver(s.wrapper[0], {attributes: false});
  2217. };
  2218. s.disconnectObservers = function () {
  2219. for (var i = 0; i < s.observers.length; i++) {
  2220. s.observers[i].disconnect();
  2221. }
  2222. s.observers = [];
  2223. };
  2224. /*=========================
  2225. Loop
  2226. ===========================*/
  2227. // Create looped slides
  2228. s.createLoop = function () {
  2229. // Remove duplicated slides
  2230. s.wrapper.children('.' + s.params.slideClass + '.' + s.params.slideDuplicateClass).remove();
  2231. var slides = s.wrapper.children('.' + s.params.slideClass);
  2232. if(s.params.slidesPerView === 'auto' && !s.params.loopedSlides) s.params.loopedSlides = slides.length;
  2233. s.loopedSlides = parseInt(s.params.loopedSlides || s.params.slidesPerView, 10);
  2234. s.loopedSlides = s.loopedSlides + s.params.loopAdditionalSlides;
  2235. if (s.loopedSlides > slides.length) {
  2236. s.loopedSlides = slides.length;
  2237. }
  2238. var prependSlides = [], appendSlides = [], i;
  2239. slides.each(function (index, el) {
  2240. var slide = $(this);
  2241. if (index < s.loopedSlides) appendSlides.push(el);
  2242. if (index < slides.length && index >= slides.length - s.loopedSlides) prependSlides.push(el);
  2243. slide.attr('data-swiper-slide-index', index);
  2244. });
  2245. for (i = 0; i < appendSlides.length; i++) {
  2246. s.wrapper.append($(appendSlides[i].cloneNode(true)).addClass(s.params.slideDuplicateClass));
  2247. }
  2248. for (i = prependSlides.length - 1; i >= 0; i--) {
  2249. s.wrapper.prepend($(prependSlides[i].cloneNode(true)).addClass(s.params.slideDuplicateClass));
  2250. }
  2251. };
  2252. s.destroyLoop = function () {
  2253. s.wrapper.children('.' + s.params.slideClass + '.' + s.params.slideDuplicateClass).remove();
  2254. s.slides.removeAttr('data-swiper-slide-index');
  2255. };
  2256. s.reLoop = function (updatePosition) {
  2257. var oldIndex = s.activeIndex - s.loopedSlides;
  2258. s.destroyLoop();
  2259. s.createLoop();
  2260. s.updateSlidesSize();
  2261. if (updatePosition) {
  2262. s.slideTo(oldIndex + s.loopedSlides, 0, false);
  2263. }
  2264. };
  2265. s.fixLoop = function () {
  2266. var newIndex;
  2267. //Fix For Negative Oversliding
  2268. if (s.activeIndex < s.loopedSlides) {
  2269. newIndex = s.slides.length - s.loopedSlides * 3 + s.activeIndex;
  2270. newIndex = newIndex + s.loopedSlides;
  2271. s.slideTo(newIndex, 0, false, true);
  2272. }
  2273. //Fix For Positive Oversliding
  2274. else if ((s.params.slidesPerView === 'auto' && s.activeIndex >= s.loopedSlides * 2) || (s.activeIndex > s.slides.length - s.params.slidesPerView * 2)) {
  2275. newIndex = -s.slides.length + s.activeIndex + s.loopedSlides;
  2276. newIndex = newIndex + s.loopedSlides;
  2277. s.slideTo(newIndex, 0, false, true);
  2278. }
  2279. };
  2280. /*=========================
  2281. Append/Prepend/Remove Slides
  2282. ===========================*/
  2283. s.appendSlide = function (slides) {
  2284. if (s.params.loop) {
  2285. s.destroyLoop();
  2286. }
  2287. if (typeof slides === 'object' && slides.length) {
  2288. for (var i = 0; i < slides.length; i++) {
  2289. if (slides[i]) s.wrapper.append(slides[i]);
  2290. }
  2291. }
  2292. else {
  2293. s.wrapper.append(slides);
  2294. }
  2295. if (s.params.loop) {
  2296. s.createLoop();
  2297. }
  2298. if (!(s.params.observer && s.support.observer)) {
  2299. s.update(true);
  2300. }
  2301. };
  2302. s.prependSlide = function (slides) {
  2303. if (s.params.loop) {
  2304. s.destroyLoop();
  2305. }
  2306. var newActiveIndex = s.activeIndex + 1;
  2307. if (typeof slides === 'object' && slides.length) {
  2308. for (var i = 0; i < slides.length; i++) {
  2309. if (slides[i]) s.wrapper.prepend(slides[i]);
  2310. }
  2311. newActiveIndex = s.activeIndex + slides.length;
  2312. }
  2313. else {
  2314. s.wrapper.prepend(slides);
  2315. }
  2316. if (s.params.loop) {
  2317. s.createLoop();
  2318. }
  2319. if (!(s.params.observer && s.support.observer)) {
  2320. s.update(true);
  2321. }
  2322. s.slideTo(newActiveIndex, 0, false);
  2323. };
  2324. s.removeSlide = function (slidesIndexes) {
  2325. if (s.params.loop) {
  2326. s.destroyLoop();
  2327. s.slides = s.wrapper.children('.' + s.params.slideClass);
  2328. }
  2329. var newActiveIndex = s.activeIndex,
  2330. indexToRemove;
  2331. if (typeof slidesIndexes === 'object' && slidesIndexes.length) {
  2332. for (var i = 0; i < slidesIndexes.length; i++) {
  2333. indexToRemove = slidesIndexes[i];
  2334. if (s.slides[indexToRemove]) s.slides.eq(indexToRemove).remove();
  2335. if (indexToRemove < newActiveIndex) newActiveIndex--;
  2336. }
  2337. newActiveIndex = Math.max(newActiveIndex, 0);
  2338. }
  2339. else {
  2340. indexToRemove = slidesIndexes;
  2341. if (s.slides[indexToRemove]) s.slides.eq(indexToRemove).remove();
  2342. if (indexToRemove < newActiveIndex) newActiveIndex--;
  2343. newActiveIndex = Math.max(newActiveIndex, 0);
  2344. }
  2345. if (s.params.loop) {
  2346. s.createLoop();
  2347. }
  2348. if (!(s.params.observer && s.support.observer)) {
  2349. s.update(true);
  2350. }
  2351. if (s.params.loop) {
  2352. s.slideTo(newActiveIndex + s.loopedSlides, 0, false);
  2353. }
  2354. else {
  2355. s.slideTo(newActiveIndex, 0, false);
  2356. }
  2357. };
  2358. s.removeAllSlides = function () {
  2359. var slidesIndexes = [];
  2360. for (var i = 0; i < s.slides.length; i++) {
  2361. slidesIndexes.push(i);
  2362. }
  2363. s.removeSlide(slidesIndexes);
  2364. };
  2365. /*=========================
  2366. Effects
  2367. ===========================*/
  2368. s.effects = {
  2369. fade: {
  2370. setTranslate: function () {
  2371. for (var i = 0; i < s.slides.length; i++) {
  2372. var slide = s.slides.eq(i);
  2373. var offset = slide[0].swiperSlideOffset;
  2374. var tx = -offset;
  2375. if (!s.params.virtualTranslate) tx = tx - s.translate;
  2376. var ty = 0;
  2377. if (!s.isHorizontal()) {
  2378. ty = tx;
  2379. tx = 0;
  2380. }
  2381. var slideOpacity = s.params.fade.crossFade ?
  2382. Math.max(1 - Math.abs(slide[0].progress), 0) :
  2383. 1 + Math.min(Math.max(slide[0].progress, -1), 0);
  2384. slide
  2385. .css({
  2386. opacity: slideOpacity
  2387. })
  2388. .transform('translate3d(' + tx + 'px, ' + ty + 'px, 0px)');
  2389. }
  2390. },
  2391. setTransition: function (duration) {
  2392. s.slides.transition(duration);
  2393. if (s.params.virtualTranslate && duration !== 0) {
  2394. var eventTriggered = false;
  2395. s.slides.transitionEnd(function () {
  2396. if (eventTriggered) return;
  2397. if (!s) return;
  2398. eventTriggered = true;
  2399. s.animating = false;
  2400. var triggerEvents = ['webkitTransitionEnd', 'transitionend', 'oTransitionEnd', 'MSTransitionEnd', 'msTransitionEnd'];
  2401. for (var i = 0; i < triggerEvents.length; i++) {
  2402. s.wrapper.trigger(triggerEvents[i]);
  2403. }
  2404. });
  2405. }
  2406. }
  2407. },
  2408. flip: {
  2409. setTranslate: function () {
  2410. for (var i = 0; i < s.slides.length; i++) {
  2411. var slide = s.slides.eq(i);
  2412. var progress = slide[0].progress;
  2413. if (s.params.flip.limitRotation) {
  2414. progress = Math.max(Math.min(slide[0].progress, 1), -1);
  2415. }
  2416. var offset = slide[0].swiperSlideOffset;
  2417. var rotate = -180 * progress,
  2418. rotateY = rotate,
  2419. rotateX = 0,
  2420. tx = -offset,
  2421. ty = 0;
  2422. if (!s.isHorizontal()) {
  2423. ty = tx;
  2424. tx = 0;
  2425. rotateX = -rotateY;
  2426. rotateY = 0;
  2427. }
  2428. else if (s.rtl) {
  2429. rotateY = -rotateY;
  2430. }
  2431. slide[0].style.zIndex = -Math.abs(Math.round(progress)) + s.slides.length;
  2432. if (s.params.flip.slideShadows) {
  2433. //Set shadows
  2434. var shadowBefore = s.isHorizontal() ? slide.find('.swiper-slide-shadow-left') : slide.find('.swiper-slide-shadow-top');
  2435. var shadowAfter = s.isHorizontal() ? slide.find('.swiper-slide-shadow-right') : slide.find('.swiper-slide-shadow-bottom');
  2436. if (shadowBefore.length === 0) {
  2437. shadowBefore = $('<div class="swiper-slide-shadow-' + (s.isHorizontal() ? 'left' : 'top') + '"></div>');
  2438. slide.append(shadowBefore);
  2439. }
  2440. if (shadowAfter.length === 0) {
  2441. shadowAfter = $('<div class="swiper-slide-shadow-' + (s.isHorizontal() ? 'right' : 'bottom') + '"></div>');
  2442. slide.append(shadowAfter);
  2443. }
  2444. if (shadowBefore.length) shadowBefore[0].style.opacity = Math.max(-progress, 0);
  2445. if (shadowAfter.length) shadowAfter[0].style.opacity = Math.max(progress, 0);
  2446. }
  2447. slide
  2448. .transform('translate3d(' + tx + 'px, ' + ty + 'px, 0px) rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg)');
  2449. }
  2450. },
  2451. setTransition: function (duration) {
  2452. s.slides.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);
  2453. if (s.params.virtualTranslate && duration !== 0) {
  2454. var eventTriggered = false;
  2455. s.slides.eq(s.activeIndex).transitionEnd(function () {
  2456. if (eventTriggered) return;
  2457. if (!s) return;
  2458. if (!$(this).hasClass(s.params.slideActiveClass)) return;
  2459. eventTriggered = true;
  2460. s.animating = false;
  2461. var triggerEvents = ['webkitTransitionEnd', 'transitionend', 'oTransitionEnd', 'MSTransitionEnd', 'msTransitionEnd'];
  2462. for (var i = 0; i < triggerEvents.length; i++) {
  2463. s.wrapper.trigger(triggerEvents[i]);
  2464. }
  2465. });
  2466. }
  2467. }
  2468. },
  2469. cube: {
  2470. setTranslate: function () {
  2471. var wrapperRotate = 0, cubeShadow;
  2472. if (s.params.cube.shadow) {
  2473. if (s.isHorizontal()) {
  2474. cubeShadow = s.wrapper.find('.swiper-cube-shadow');
  2475. if (cubeShadow.length === 0) {
  2476. cubeShadow = $('<div class="swiper-cube-shadow"></div>');
  2477. s.wrapper.append(cubeShadow);
  2478. }
  2479. cubeShadow.css({height: s.width + 'px'});
  2480. }
  2481. else {
  2482. cubeShadow = s.container.find('.swiper-cube-shadow');
  2483. if (cubeShadow.length === 0) {
  2484. cubeShadow = $('<div class="swiper-cube-shadow"></div>');
  2485. s.container.append(cubeShadow);
  2486. }
  2487. }
  2488. }
  2489. for (var i = 0; i < s.slides.length; i++) {
  2490. var slide = s.slides.eq(i);
  2491. var slideAngle = i * 90;
  2492. var round = Math.floor(slideAngle / 360);
  2493. if (s.rtl) {
  2494. slideAngle = -slideAngle;
  2495. round = Math.floor(-slideAngle / 360);
  2496. }
  2497. var progress = Math.max(Math.min(slide[0].progress, 1), -1);
  2498. var tx = 0, ty = 0, tz = 0;
  2499. if (i % 4 === 0) {
  2500. tx = - round * 4 * s.size;
  2501. tz = 0;
  2502. }
  2503. else if ((i - 1) % 4 === 0) {
  2504. tx = 0;
  2505. tz = - round * 4 * s.size;
  2506. }
  2507. else if ((i - 2) % 4 === 0) {
  2508. tx = s.size + round * 4 * s.size;
  2509. tz = s.size;
  2510. }
  2511. else if ((i - 3) % 4 === 0) {
  2512. tx = - s.size;
  2513. tz = 3 * s.size + s.size * 4 * round;
  2514. }
  2515. if (s.rtl) {
  2516. tx = -tx;
  2517. }
  2518. if (!s.isHorizontal()) {
  2519. ty = tx;
  2520. tx = 0;
  2521. }
  2522. var transform = 'rotateX(' + (s.isHorizontal() ? 0 : -slideAngle) + 'deg) rotateY(' + (s.isHorizontal() ? slideAngle : 0) + 'deg) translate3d(' + tx + 'px, ' + ty + 'px, ' + tz + 'px)';
  2523. if (progress <= 1 && progress > -1) {
  2524. wrapperRotate = i * 90 + progress * 90;
  2525. if (s.rtl) wrapperRotate = -i * 90 - progress * 90;
  2526. }
  2527. slide.transform(transform);
  2528. if (s.params.cube.slideShadows) {
  2529. //Set shadows
  2530. var shadowBefore = s.isHorizontal() ? slide.find('.swiper-slide-shadow-left') : slide.find('.swiper-slide-shadow-top');
  2531. var shadowAfter = s.isHorizontal() ? slide.find('.swiper-slide-shadow-right') : slide.find('.swiper-slide-shadow-bottom');
  2532. if (shadowBefore.length === 0) {
  2533. shadowBefore = $('<div class="swiper-slide-shadow-' + (s.isHorizontal() ? 'left' : 'top') + '"></div>');
  2534. slide.append(shadowBefore);
  2535. }
  2536. if (shadowAfter.length === 0) {
  2537. shadowAfter = $('<div class="swiper-slide-shadow-' + (s.isHorizontal() ? 'right' : 'bottom') + '"></div>');
  2538. slide.append(shadowAfter);
  2539. }
  2540. if (shadowBefore.length) shadowBefore[0].style.opacity = Math.max(-progress, 0);
  2541. if (shadowAfter.length) shadowAfter[0].style.opacity = Math.max(progress, 0);
  2542. }
  2543. }
  2544. s.wrapper.css({
  2545. '-webkit-transform-origin': '50% 50% -' + (s.size / 2) + 'px',
  2546. '-moz-transform-origin': '50% 50% -' + (s.size / 2) + 'px',
  2547. '-ms-transform-origin': '50% 50% -' + (s.size / 2) + 'px',
  2548. 'transform-origin': '50% 50% -' + (s.size / 2) + 'px'
  2549. });
  2550. if (s.params.cube.shadow) {
  2551. if (s.isHorizontal()) {
  2552. cubeShadow.transform('translate3d(0px, ' + (s.width / 2 + s.params.cube.shadowOffset) + 'px, ' + (-s.width / 2) + 'px) rotateX(90deg) rotateZ(0deg) scale(' + (s.params.cube.shadowScale) + ')');
  2553. }
  2554. else {
  2555. var shadowAngle = Math.abs(wrapperRotate) - Math.floor(Math.abs(wrapperRotate) / 90) * 90;
  2556. var multiplier = 1.5 - (Math.sin(shadowAngle * 2 * Math.PI / 360) / 2 + Math.cos(shadowAngle * 2 * Math.PI / 360) / 2);
  2557. var scale1 = s.params.cube.shadowScale,
  2558. scale2 = s.params.cube.shadowScale / multiplier,
  2559. offset = s.params.cube.shadowOffset;
  2560. cubeShadow.transform('scale3d(' + scale1 + ', 1, ' + scale2 + ') translate3d(0px, ' + (s.height / 2 + offset) + 'px, ' + (-s.height / 2 / scale2) + 'px) rotateX(-90deg)');
  2561. }
  2562. }
  2563. var zFactor = (s.isSafari || s.isUiWebView) ? (-s.size / 2) : 0;
  2564. s.wrapper.transform('translate3d(0px,0,' + zFactor + 'px) rotateX(' + (s.isHorizontal() ? 0 : wrapperRotate) + 'deg) rotateY(' + (s.isHorizontal() ? -wrapperRotate : 0) + 'deg)');
  2565. },
  2566. setTransition: function (duration) {
  2567. s.slides.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);
  2568. if (s.params.cube.shadow && !s.isHorizontal()) {
  2569. s.container.find('.swiper-cube-shadow').transition(duration);
  2570. }
  2571. }
  2572. },
  2573. coverflow: {
  2574. setTranslate: function () {
  2575. var transform = s.translate;
  2576. var center = s.isHorizontal() ? -transform + s.width / 2 : -transform + s.height / 2;
  2577. var rotate = s.isHorizontal() ? s.params.coverflow.rotate: -s.params.coverflow.rotate;
  2578. var translate = s.params.coverflow.depth;
  2579. //Each slide offset from center
  2580. for (var i = 0, length = s.slides.length; i < length; i++) {
  2581. var slide = s.slides.eq(i);
  2582. var slideSize = s.slidesSizesGrid[i];
  2583. var slideOffset = slide[0].swiperSlideOffset;
  2584. var offsetMultiplier = (center - slideOffset - slideSize / 2) / slideSize * s.params.coverflow.modifier;
  2585. var rotateY = s.isHorizontal() ? rotate * offsetMultiplier : 0;
  2586. var rotateX = s.isHorizontal() ? 0 : rotate * offsetMultiplier;
  2587. // var rotateZ = 0
  2588. var translateZ = -translate * Math.abs(offsetMultiplier);
  2589. var translateY = s.isHorizontal() ? 0 : s.params.coverflow.stretch * (offsetMultiplier);
  2590. var translateX = s.isHorizontal() ? s.params.coverflow.stretch * (offsetMultiplier) : 0;
  2591. //Fix for ultra small values
  2592. if (Math.abs(translateX) < 0.001) translateX = 0;
  2593. if (Math.abs(translateY) < 0.001) translateY = 0;
  2594. if (Math.abs(translateZ) < 0.001) translateZ = 0;
  2595. if (Math.abs(rotateY) < 0.001) rotateY = 0;
  2596. if (Math.abs(rotateX) < 0.001) rotateX = 0;
  2597. var slideTransform = 'translate3d(' + translateX + 'px,' + translateY + 'px,' + translateZ + 'px) rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg)';
  2598. slide.transform(slideTransform);
  2599. slide[0].style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1;
  2600. if (s.params.coverflow.slideShadows) {
  2601. //Set shadows
  2602. var shadowBefore = s.isHorizontal() ? slide.find('.swiper-slide-shadow-left') : slide.find('.swiper-slide-shadow-top');
  2603. var shadowAfter = s.isHorizontal() ? slide.find('.swiper-slide-shadow-right') : slide.find('.swiper-slide-shadow-bottom');
  2604. if (shadowBefore.length === 0) {
  2605. shadowBefore = $('<div class="swiper-slide-shadow-' + (s.isHorizontal() ? 'left' : 'top') + '"></div>');
  2606. slide.append(shadowBefore);
  2607. }
  2608. if (shadowAfter.length === 0) {
  2609. shadowAfter = $('<div class="swiper-slide-shadow-' + (s.isHorizontal() ? 'right' : 'bottom') + '"></div>');
  2610. slide.append(shadowAfter);
  2611. }
  2612. if (shadowBefore.length) shadowBefore[0].style.opacity = offsetMultiplier > 0 ? offsetMultiplier : 0;
  2613. if (shadowAfter.length) shadowAfter[0].style.opacity = (-offsetMultiplier) > 0 ? -offsetMultiplier : 0;
  2614. }
  2615. }
  2616. //Set correct perspective for IE10
  2617. if (s.browser.ie) {
  2618. var ws = s.wrapper[0].style;
  2619. ws.perspectiveOrigin = center + 'px 50%';
  2620. }
  2621. },
  2622. setTransition: function (duration) {
  2623. s.slides.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);
  2624. }
  2625. }
  2626. };
  2627. /*=========================
  2628. Images Lazy Loading
  2629. ===========================*/
  2630. s.lazy = {
  2631. initialImageLoaded: false,
  2632. loadImageInSlide: function (index, loadInDuplicate) {
  2633. if (typeof index === 'undefined') return;
  2634. if (typeof loadInDuplicate === 'undefined') loadInDuplicate = true;
  2635. if (s.slides.length === 0) return;
  2636. var slide = s.slides.eq(index);
  2637. var img = slide.find('.' + s.params.lazyLoadingClass + ':not(.' + s.params.lazyStatusLoadedClass + '):not(.' + s.params.lazyStatusLoadingClass + ')');
  2638. if (slide.hasClass(s.params.lazyLoadingClass) && !slide.hasClass(s.params.lazyStatusLoadedClass) && !slide.hasClass(s.params.lazyStatusLoadingClass)) {
  2639. img = img.add(slide[0]);
  2640. }
  2641. if (img.length === 0) return;
  2642. img.each(function () {
  2643. var _img = $(this);
  2644. _img.addClass(s.params.lazyStatusLoadingClass);
  2645. var background = _img.attr('data-background');
  2646. var src = _img.attr('data-src'),
  2647. srcset = _img.attr('data-srcset'),
  2648. sizes = _img.attr('data-sizes');
  2649. s.loadImage(_img[0], (src || background), srcset, sizes, false, function () {
  2650. if (typeof s === 'undefined' || s === null || !s) return;
  2651. if (background) {
  2652. _img.css('background-image', 'url("' + background + '")');
  2653. _img.removeAttr('data-background');
  2654. }
  2655. else {
  2656. if (srcset) {
  2657. _img.attr('srcset', srcset);
  2658. _img.removeAttr('data-srcset');
  2659. }
  2660. if (sizes) {
  2661. _img.attr('sizes', sizes);
  2662. _img.removeAttr('data-sizes');
  2663. }
  2664. if (src) {
  2665. _img.attr('src', src);
  2666. _img.removeAttr('data-src');
  2667. }
  2668. }
  2669. _img.addClass(s.params.lazyStatusLoadedClass).removeClass(s.params.lazyStatusLoadingClass);
  2670. slide.find('.' + s.params.lazyPreloaderClass + ', .' + s.params.preloaderClass).remove();
  2671. if (s.params.loop && loadInDuplicate) {
  2672. var slideOriginalIndex = slide.attr('data-swiper-slide-index');
  2673. if (slide.hasClass(s.params.slideDuplicateClass)) {
  2674. var originalSlide = s.wrapper.children('[data-swiper-slide-index="' + slideOriginalIndex + '"]:not(.' + s.params.slideDuplicateClass + ')');
  2675. s.lazy.loadImageInSlide(originalSlide.index(), false);
  2676. }
  2677. else {
  2678. var duplicatedSlide = s.wrapper.children('.' + s.params.slideDuplicateClass + '[data-swiper-slide-index="' + slideOriginalIndex + '"]');
  2679. s.lazy.loadImageInSlide(duplicatedSlide.index(), false);
  2680. }
  2681. }
  2682. s.emit('onLazyImageReady', s, slide[0], _img[0]);
  2683. });
  2684. s.emit('onLazyImageLoad', s, slide[0], _img[0]);
  2685. });
  2686. },
  2687. load: function () {
  2688. var i;
  2689. var slidesPerView = s.params.slidesPerView;
  2690. if (slidesPerView === 'auto') {
  2691. slidesPerView = 0;
  2692. }
  2693. if (!s.lazy.initialImageLoaded) s.lazy.initialImageLoaded = true;
  2694. if (s.params.watchSlidesVisibility) {
  2695. s.wrapper.children('.' + s.params.slideVisibleClass).each(function () {
  2696. s.lazy.loadImageInSlide($(this).index());
  2697. });
  2698. }
  2699. else {
  2700. if (slidesPerView > 1) {
  2701. for (i = s.activeIndex; i < s.activeIndex + slidesPerView ; i++) {
  2702. if (s.slides[i]) s.lazy.loadImageInSlide(i);
  2703. }
  2704. }
  2705. else {
  2706. s.lazy.loadImageInSlide(s.activeIndex);
  2707. }
  2708. }
  2709. if (s.params.lazyLoadingInPrevNext) {
  2710. if (slidesPerView > 1 || (s.params.lazyLoadingInPrevNextAmount && s.params.lazyLoadingInPrevNextAmount > 1)) {
  2711. var amount = s.params.lazyLoadingInPrevNextAmount;
  2712. var spv = slidesPerView;
  2713. var maxIndex = Math.min(s.activeIndex + spv + Math.max(amount, spv), s.slides.length);
  2714. var minIndex = Math.max(s.activeIndex - Math.max(spv, amount), 0);
  2715. // Next Slides
  2716. for (i = s.activeIndex + slidesPerView; i < maxIndex; i++) {
  2717. if (s.slides[i]) s.lazy.loadImageInSlide(i);
  2718. }
  2719. // Prev Slides
  2720. for (i = minIndex; i < s.activeIndex ; i++) {
  2721. if (s.slides[i]) s.lazy.loadImageInSlide(i);
  2722. }
  2723. }
  2724. else {
  2725. var nextSlide = s.wrapper.children('.' + s.params.slideNextClass);
  2726. if (nextSlide.length > 0) s.lazy.loadImageInSlide(nextSlide.index());
  2727. var prevSlide = s.wrapper.children('.' + s.params.slidePrevClass);
  2728. if (prevSlide.length > 0) s.lazy.loadImageInSlide(prevSlide.index());
  2729. }
  2730. }
  2731. },
  2732. onTransitionStart: function () {
  2733. if (s.params.lazyLoading) {
  2734. if (s.params.lazyLoadingOnTransitionStart || (!s.params.lazyLoadingOnTransitionStart && !s.lazy.initialImageLoaded)) {
  2735. s.lazy.load();
  2736. }
  2737. }
  2738. },
  2739. onTransitionEnd: function () {
  2740. if (s.params.lazyLoading && !s.params.lazyLoadingOnTransitionStart) {
  2741. s.lazy.load();
  2742. }
  2743. }
  2744. };
  2745. /*=========================
  2746. Scrollbar
  2747. ===========================*/
  2748. s.scrollbar = {
  2749. isTouched: false,
  2750. setDragPosition: function (e) {
  2751. var sb = s.scrollbar;
  2752. var x = 0, y = 0;
  2753. var translate;
  2754. var pointerPosition = s.isHorizontal() ?
  2755. ((e.type === 'touchstart' || e.type === 'touchmove') ? e.targetTouches[0].pageX : e.pageX || e.clientX) :
  2756. ((e.type === 'touchstart' || e.type === 'touchmove') ? e.targetTouches[0].pageY : e.pageY || e.clientY) ;
  2757. var position = (pointerPosition) - sb.track.offset()[s.isHorizontal() ? 'left' : 'top'] - sb.dragSize / 2;
  2758. var positionMin = -s.minTranslate() * sb.moveDivider;
  2759. var positionMax = -s.maxTranslate() * sb.moveDivider;
  2760. if (position < positionMin) {
  2761. position = positionMin;
  2762. }
  2763. else if (position > positionMax) {
  2764. position = positionMax;
  2765. }
  2766. position = -position / sb.moveDivider;
  2767. s.updateProgress(position);
  2768. s.setWrapperTranslate(position, true);
  2769. },
  2770. dragStart: function (e) {
  2771. var sb = s.scrollbar;
  2772. sb.isTouched = true;
  2773. e.preventDefault();
  2774. e.stopPropagation();
  2775. sb.setDragPosition(e);
  2776. clearTimeout(sb.dragTimeout);
  2777. sb.track.transition(0);
  2778. if (s.params.scrollbarHide) {
  2779. sb.track.css('opacity', 1);
  2780. }
  2781. s.wrapper.transition(100);
  2782. sb.drag.transition(100);
  2783. s.emit('onScrollbarDragStart', s);
  2784. },
  2785. dragMove: function (e) {
  2786. var sb = s.scrollbar;
  2787. if (!sb.isTouched) return;
  2788. if (e.preventDefault) e.preventDefault();
  2789. else e.returnValue = false;
  2790. sb.setDragPosition(e);
  2791. s.wrapper.transition(0);
  2792. sb.track.transition(0);
  2793. sb.drag.transition(0);
  2794. s.emit('onScrollbarDragMove', s);
  2795. },
  2796. dragEnd: function (e) {
  2797. var sb = s.scrollbar;
  2798. if (!sb.isTouched) return;
  2799. sb.isTouched = false;
  2800. if (s.params.scrollbarHide) {
  2801. clearTimeout(sb.dragTimeout);
  2802. sb.dragTimeout = setTimeout(function () {
  2803. sb.track.css('opacity', 0);
  2804. sb.track.transition(400);
  2805. }, 1000);
  2806. }
  2807. s.emit('onScrollbarDragEnd', s);
  2808. if (s.params.scrollbarSnapOnRelease) {
  2809. s.slideReset();
  2810. }
  2811. },
  2812. draggableEvents: (function () {
  2813. if ((s.params.simulateTouch === false && !s.support.touch)) return s.touchEventsDesktop;
  2814. else return s.touchEvents;
  2815. })(),
  2816. enableDraggable: function () {
  2817. var sb = s.scrollbar;
  2818. var target = s.support.touch ? sb.track : document;
  2819. $(sb.track).on(sb.draggableEvents.start, sb.dragStart);
  2820. $(target).on(sb.draggableEvents.move, sb.dragMove);
  2821. $(target).on(sb.draggableEvents.end, sb.dragEnd);
  2822. },
  2823. disableDraggable: function () {
  2824. var sb = s.scrollbar;
  2825. var target = s.support.touch ? sb.track : document;
  2826. $(sb.track).off(sb.draggableEvents.start, sb.dragStart);
  2827. $(target).off(sb.draggableEvents.move, sb.dragMove);
  2828. $(target).off(sb.draggableEvents.end, sb.dragEnd);
  2829. },
  2830. set: function () {
  2831. if (!s.params.scrollbar) return;
  2832. var sb = s.scrollbar;
  2833. sb.track = $(s.params.scrollbar);
  2834. if (s.params.uniqueNavElements && typeof s.params.scrollbar === 'string' && sb.track.length > 1 && s.container.find(s.params.scrollbar).length === 1) {
  2835. sb.track = s.container.find(s.params.scrollbar);
  2836. }
  2837. sb.drag = sb.track.find('.swiper-scrollbar-drag');
  2838. if (sb.drag.length === 0) {
  2839. sb.drag = $('<div class="swiper-scrollbar-drag"></div>');
  2840. sb.track.append(sb.drag);
  2841. }
  2842. sb.drag[0].style.width = '';
  2843. sb.drag[0].style.height = '';
  2844. sb.trackSize = s.isHorizontal() ? sb.track[0].offsetWidth : sb.track[0].offsetHeight;
  2845. sb.divider = s.size / s.virtualSize;
  2846. sb.moveDivider = sb.divider * (sb.trackSize / s.size);
  2847. sb.dragSize = sb.trackSize * sb.divider;
  2848. if (s.isHorizontal()) {
  2849. sb.drag[0].style.width = sb.dragSize + 'px';
  2850. }
  2851. else {
  2852. sb.drag[0].style.height = sb.dragSize + 'px';
  2853. }
  2854. if (sb.divider >= 1) {
  2855. sb.track[0].style.display = 'none';
  2856. }
  2857. else {
  2858. sb.track[0].style.display = '';
  2859. }
  2860. if (s.params.scrollbarHide) {
  2861. sb.track[0].style.opacity = 0;
  2862. }
  2863. },
  2864. setTranslate: function () {
  2865. if (!s.params.scrollbar) return;
  2866. var diff;
  2867. var sb = s.scrollbar;
  2868. var translate = s.translate || 0;
  2869. var newPos;
  2870. var newSize = sb.dragSize;
  2871. newPos = (sb.trackSize - sb.dragSize) * s.progress;
  2872. if (s.rtl && s.isHorizontal()) {
  2873. newPos = -newPos;
  2874. if (newPos > 0) {
  2875. newSize = sb.dragSize - newPos;
  2876. newPos = 0;
  2877. }
  2878. else if (-newPos + sb.dragSize > sb.trackSize) {
  2879. newSize = sb.trackSize + newPos;
  2880. }
  2881. }
  2882. else {
  2883. if (newPos < 0) {
  2884. newSize = sb.dragSize + newPos;
  2885. newPos = 0;
  2886. }
  2887. else if (newPos + sb.dragSize > sb.trackSize) {
  2888. newSize = sb.trackSize - newPos;
  2889. }
  2890. }
  2891. if (s.isHorizontal()) {
  2892. if (s.support.transforms3d) {
  2893. sb.drag.transform('translate3d(' + (newPos) + 'px, 0, 0)');
  2894. }
  2895. else {
  2896. sb.drag.transform('translateX(' + (newPos) + 'px)');
  2897. }
  2898. sb.drag[0].style.width = newSize + 'px';
  2899. }
  2900. else {
  2901. if (s.support.transforms3d) {
  2902. sb.drag.transform('translate3d(0px, ' + (newPos) + 'px, 0)');
  2903. }
  2904. else {
  2905. sb.drag.transform('translateY(' + (newPos) + 'px)');
  2906. }
  2907. sb.drag[0].style.height = newSize + 'px';
  2908. }
  2909. if (s.params.scrollbarHide) {
  2910. clearTimeout(sb.timeout);
  2911. sb.track[0].style.opacity = 1;
  2912. sb.timeout = setTimeout(function () {
  2913. sb.track[0].style.opacity = 0;
  2914. sb.track.transition(400);
  2915. }, 1000);
  2916. }
  2917. },
  2918. setTransition: function (duration) {
  2919. if (!s.params.scrollbar) return;
  2920. s.scrollbar.drag.transition(duration);
  2921. }
  2922. };
  2923. /*=========================
  2924. Controller
  2925. ===========================*/
  2926. s.controller = {
  2927. LinearSpline: function (x, y) {
  2928. var binarySearch = (function() {
  2929. var maxIndex, minIndex, guess;
  2930. return function(array, val) {
  2931. minIndex = -1;
  2932. maxIndex = array.length;
  2933. while (maxIndex - minIndex > 1)
  2934. if (array[guess = maxIndex + minIndex >> 1] <= val) {
  2935. minIndex = guess;
  2936. } else {
  2937. maxIndex = guess;
  2938. }
  2939. return maxIndex;
  2940. };
  2941. })();
  2942. this.x = x;
  2943. this.y = y;
  2944. this.lastIndex = x.length - 1;
  2945. // Given an x value (x2), return the expected y2 value:
  2946. // (x1,y1) is the known point before given value,
  2947. // (x3,y3) is the known point after given value.
  2948. var i1, i3;
  2949. var l = this.x.length;
  2950. this.interpolate = function (x2) {
  2951. if (!x2) return 0;
  2952. // Get the indexes of x1 and x3 (the array indexes before and after given x2):
  2953. i3 = binarySearch(this.x, x2);
  2954. i1 = i3 - 1;
  2955. // We have our indexes i1 & i3, so we can calculate already:
  2956. // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1
  2957. return ((x2 - this.x[i1]) * (this.y[i3] - this.y[i1])) / (this.x[i3] - this.x[i1]) + this.y[i1];
  2958. };
  2959. },
  2960. //xxx: for now i will just save one spline function to to
  2961. getInterpolateFunction: function(c){
  2962. if(!s.controller.spline) s.controller.spline = s.params.loop ?
  2963. new s.controller.LinearSpline(s.slidesGrid, c.slidesGrid) :
  2964. new s.controller.LinearSpline(s.snapGrid, c.snapGrid);
  2965. },
  2966. setTranslate: function (translate, byController) {
  2967. var controlled = s.params.control;
  2968. var multiplier, controlledTranslate;
  2969. function setControlledTranslate(c) {
  2970. // this will create an Interpolate function based on the snapGrids
  2971. // x is the Grid of the scrolled scroller and y will be the controlled scroller
  2972. // it makes sense to create this only once and recall it for the interpolation
  2973. // the function does a lot of value caching for performance
  2974. translate = c.rtl && c.params.direction === 'horizontal' ? -s.translate : s.translate;
  2975. if (s.params.controlBy === 'slide') {
  2976. s.controller.getInterpolateFunction(c);
  2977. // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid
  2978. // but it did not work out
  2979. controlledTranslate = -s.controller.spline.interpolate(-translate);
  2980. }
  2981. if(!controlledTranslate || s.params.controlBy === 'container'){
  2982. multiplier = (c.maxTranslate() - c.minTranslate()) / (s.maxTranslate() - s.minTranslate());
  2983. controlledTranslate = (translate - s.minTranslate()) * multiplier + c.minTranslate();
  2984. }
  2985. if (s.params.controlInverse) {
  2986. controlledTranslate = c.maxTranslate() - controlledTranslate;
  2987. }
  2988. c.updateProgress(controlledTranslate);
  2989. c.setWrapperTranslate(controlledTranslate, false, s);
  2990. c.updateActiveIndex();
  2991. }
  2992. if (Array.isArray(controlled)) {
  2993. for (var i = 0; i < controlled.length; i++) {
  2994. if (controlled[i] !== byController && controlled[i] instanceof Swiper) {
  2995. setControlledTranslate(controlled[i]);
  2996. }
  2997. }
  2998. }
  2999. else if (controlled instanceof Swiper && byController !== controlled) {
  3000. setControlledTranslate(controlled);
  3001. }
  3002. },
  3003. setTransition: function (duration, byController) {
  3004. var controlled = s.params.control;
  3005. var i;
  3006. function setControlledTransition(c) {
  3007. c.setWrapperTransition(duration, s);
  3008. if (duration !== 0) {
  3009. c.onTransitionStart();
  3010. c.wrapper.transitionEnd(function(){
  3011. if (!controlled) return;
  3012. if (c.params.loop && s.params.controlBy === 'slide') {
  3013. c.fixLoop();
  3014. }
  3015. c.onTransitionEnd();
  3016. });
  3017. }
  3018. }
  3019. if (Array.isArray(controlled)) {
  3020. for (i = 0; i < controlled.length; i++) {
  3021. if (controlled[i] !== byController && controlled[i] instanceof Swiper) {
  3022. setControlledTransition(controlled[i]);
  3023. }
  3024. }
  3025. }
  3026. else if (controlled instanceof Swiper && byController !== controlled) {
  3027. setControlledTransition(controlled);
  3028. }
  3029. }
  3030. };
  3031. /*=========================
  3032. Hash Navigation
  3033. ===========================*/
  3034. s.hashnav = {
  3035. onHashCange: function (e, a) {
  3036. var newHash = document.location.hash.replace('#', '');
  3037. var activeSlideHash = s.slides.eq(s.activeIndex).attr('data-hash');
  3038. if (newHash !== activeSlideHash) {
  3039. s.slideTo(s.wrapper.children('.' + s.params.slideClass + '[data-hash="' + (newHash) + '"]').index());
  3040. }
  3041. },
  3042. attachEvents: function (detach) {
  3043. var action = detach ? 'off' : 'on';
  3044. $(window)[action]('hashchange', s.hashnav.onHashCange);
  3045. },
  3046. setHash: function () {
  3047. if (!s.hashnav.initialized || !s.params.hashnav) return;
  3048. if (s.params.replaceState && window.history && window.history.replaceState) {
  3049. window.history.replaceState(null, null, ('#' + s.slides.eq(s.activeIndex).attr('data-hash') || ''));
  3050. } else {
  3051. var slide = s.slides.eq(s.activeIndex);
  3052. var hash = slide.attr('data-hash') || slide.attr('data-history');
  3053. document.location.hash = hash || '';
  3054. }
  3055. },
  3056. init: function () {
  3057. if (!s.params.hashnav || s.params.history) return;
  3058. s.hashnav.initialized = true;
  3059. var hash = document.location.hash.replace('#', '');
  3060. if (hash) {
  3061. var speed = 0;
  3062. for (var i = 0, length = s.slides.length; i < length; i++) {
  3063. var slide = s.slides.eq(i);
  3064. var slideHash = slide.attr('data-hash') || slide.attr('data-history');
  3065. if (slideHash === hash && !slide.hasClass(s.params.slideDuplicateClass)) {
  3066. var index = slide.index();
  3067. s.slideTo(index, speed, s.params.runCallbacksOnInit, true);
  3068. }
  3069. }
  3070. }
  3071. if (s.params.hashnavWatchState) s.hashnav.attachEvents();
  3072. },
  3073. destroy: function () {
  3074. if (s.params.hashnavWatchState) s.hashnav.attachEvents(true);
  3075. }
  3076. };
  3077. /*=========================
  3078. History Api with fallback to Hashnav
  3079. ===========================*/
  3080. s.history = {
  3081. init: function () {
  3082. if (!s.params.history) return;
  3083. if (!window.history || !window.history.pushState) {
  3084. s.params.history = false;
  3085. s.params.hashnav = true;
  3086. return;
  3087. }
  3088. s.history.initialized = true;
  3089. this.paths = this.getPathValues();
  3090. if (!this.paths.key && !this.paths.value) return;
  3091. this.scrollToSlide(0, this.paths.value, s.params.runCallbacksOnInit);
  3092. if (!s.params.replaceState) {
  3093. window.addEventListener('popstate', this.setHistoryPopState);
  3094. }
  3095. },
  3096. setHistoryPopState: function() {
  3097. s.history.paths = s.history.getPathValues();
  3098. s.history.scrollToSlide(s.params.speed, s.history.paths.value, false);
  3099. },
  3100. getPathValues: function() {
  3101. var pathArray = window.location.pathname.slice(1).split('/');
  3102. var total = pathArray.length;
  3103. var key = pathArray[total - 2];
  3104. var value = pathArray[total - 1];
  3105. return { key: key, value: value };
  3106. },
  3107. setHistory: function (key, index) {
  3108. if (!s.history.initialized || !s.params.history) return;
  3109. var slide = s.slides.eq(index);
  3110. var value = this.slugify(slide.attr('data-history'));
  3111. if (!window.location.pathname.includes(key)) {
  3112. value = key + '/' + value;
  3113. }
  3114. if (s.params.replaceState) {
  3115. window.history.replaceState(null, null, value);
  3116. } else {
  3117. window.history.pushState(null, null, value);
  3118. }
  3119. },
  3120. slugify: function(text) {
  3121. return text.toString().toLowerCase()
  3122. .replace(/\s+/g, '-')
  3123. .replace(/[^\w\-]+/g, '')
  3124. .replace(/\-\-+/g, '-')
  3125. .replace(/^-+/, '')
  3126. .replace(/-+$/, '');
  3127. },
  3128. scrollToSlide: function(speed, value, runCallbacks) {
  3129. if (value) {
  3130. for (var i = 0, length = s.slides.length; i < length; i++) {
  3131. var slide = s.slides.eq(i);
  3132. var slideHistory = this.slugify(slide.attr('data-history'));
  3133. if (slideHistory === value && !slide.hasClass(s.params.slideDuplicateClass)) {
  3134. var index = slide.index();
  3135. s.slideTo(index, speed, runCallbacks);
  3136. }
  3137. }
  3138. } else {
  3139. s.slideTo(0, speed, runCallbacks);
  3140. }
  3141. }
  3142. };
  3143. /*=========================
  3144. Keyboard Control
  3145. ===========================*/
  3146. function handleKeyboard(e) {
  3147. if (e.originalEvent) e = e.originalEvent; //jquery fix
  3148. var kc = e.keyCode || e.charCode;
  3149. // Directions locks
  3150. if (!s.params.allowSwipeToNext && (s.isHorizontal() && kc === 39 || !s.isHorizontal() && kc === 40)) {
  3151. return false;
  3152. }
  3153. if (!s.params.allowSwipeToPrev && (s.isHorizontal() && kc === 37 || !s.isHorizontal() && kc === 38)) {
  3154. return false;
  3155. }
  3156. if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
  3157. return;
  3158. }
  3159. if (document.activeElement && document.activeElement.nodeName && (document.activeElement.nodeName.toLowerCase() === 'input' || document.activeElement.nodeName.toLowerCase() === 'textarea')) {
  3160. return;
  3161. }
  3162. if (kc === 37 || kc === 39 || kc === 38 || kc === 40) {
  3163. var inView = false;
  3164. //Check that swiper should be inside of visible area of window
  3165. if (s.container.parents('.' + s.params.slideClass).length > 0 && s.container.parents('.' + s.params.slideActiveClass).length === 0) {
  3166. return;
  3167. }
  3168. var windowScroll = {
  3169. left: window.pageXOffset,
  3170. top: window.pageYOffset
  3171. };
  3172. var windowWidth = window.innerWidth;
  3173. var windowHeight = window.innerHeight;
  3174. var swiperOffset = s.container.offset();
  3175. if (s.rtl) swiperOffset.left = swiperOffset.left - s.container[0].scrollLeft;
  3176. var swiperCoord = [
  3177. [swiperOffset.left, swiperOffset.top],
  3178. [swiperOffset.left + s.width, swiperOffset.top],
  3179. [swiperOffset.left, swiperOffset.top + s.height],
  3180. [swiperOffset.left + s.width, swiperOffset.top + s.height]
  3181. ];
  3182. for (var i = 0; i < swiperCoord.length; i++) {
  3183. var point = swiperCoord[i];
  3184. if (
  3185. point[0] >= windowScroll.left && point[0] <= windowScroll.left + windowWidth &&
  3186. point[1] >= windowScroll.top && point[1] <= windowScroll.top + windowHeight
  3187. ) {
  3188. inView = true;
  3189. }
  3190. }
  3191. if (!inView) return;
  3192. }
  3193. if (s.isHorizontal()) {
  3194. if (kc === 37 || kc === 39) {
  3195. if (e.preventDefault) e.preventDefault();
  3196. else e.returnValue = false;
  3197. }
  3198. if ((kc === 39 && !s.rtl) || (kc === 37 && s.rtl)) s.slideNext();
  3199. if ((kc === 37 && !s.rtl) || (kc === 39 && s.rtl)) s.slidePrev();
  3200. }
  3201. else {
  3202. if (kc === 38 || kc === 40) {
  3203. if (e.preventDefault) e.preventDefault();
  3204. else e.returnValue = false;
  3205. }
  3206. if (kc === 40) s.slideNext();
  3207. if (kc === 38) s.slidePrev();
  3208. }
  3209. s.emit('onKeyPress', s, kc);
  3210. }
  3211. s.disableKeyboardControl = function () {
  3212. s.params.keyboardControl = false;
  3213. $(document).off('keydown', handleKeyboard);
  3214. };
  3215. s.enableKeyboardControl = function () {
  3216. s.params.keyboardControl = true;
  3217. $(document).on('keydown', handleKeyboard);
  3218. };
  3219. /*=========================
  3220. Mousewheel Control
  3221. ===========================*/
  3222. s.mousewheel = {
  3223. event: false,
  3224. lastScrollTime: (new window.Date()).getTime()
  3225. };
  3226. function isEventSupported() {
  3227. var eventName = 'onwheel';
  3228. var isSupported = eventName in document;
  3229. if (!isSupported) {
  3230. var element = document.createElement('div');
  3231. element.setAttribute(eventName, 'return;');
  3232. isSupported = typeof element[eventName] === 'function';
  3233. }
  3234. if (!isSupported &&
  3235. document.implementation &&
  3236. document.implementation.hasFeature &&
  3237. // always returns true in newer browsers as per the standard.
  3238. // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature
  3239. document.implementation.hasFeature('', '') !== true ) {
  3240. // This is the only way to test support for the `wheel` event in IE9+.
  3241. isSupported = document.implementation.hasFeature('Events.wheel', '3.0');
  3242. }
  3243. return isSupported;
  3244. }
  3245. /**
  3246. * Mouse wheel (and 2-finger trackpad) support on the web sucks. It is
  3247. * complicated, thus this doc is long and (hopefully) detailed enough to answer
  3248. * your questions.
  3249. *
  3250. * If you need to react to the mouse wheel in a predictable way, this code is
  3251. * like your bestest friend. * hugs *
  3252. *
  3253. * As of today, there are 4 DOM event types you can listen to:
  3254. *
  3255. * 'wheel' -- Chrome(31+), FF(17+), IE(9+)
  3256. * 'mousewheel' -- Chrome, IE(6+), Opera, Safari
  3257. * 'MozMousePixelScroll' -- FF(3.5 only!) (2010-2013) -- don't bother!
  3258. * 'DOMMouseScroll' -- FF(0.9.7+) since 2003
  3259. *
  3260. * So what to do? The is the best:
  3261. *
  3262. * normalizeWheel.getEventType();
  3263. *
  3264. * In your event callback, use this code to get sane interpretation of the
  3265. * deltas. This code will return an object with properties:
  3266. *
  3267. * spinX -- normalized spin speed (use for zoom) - x plane
  3268. * spinY -- " - y plane
  3269. * pixelX -- normalized distance (to pixels) - x plane
  3270. * pixelY -- " - y plane
  3271. *
  3272. * Wheel values are provided by the browser assuming you are using the wheel to
  3273. * scroll a web page by a number of lines or pixels (or pages). Values can vary
  3274. * significantly on different platforms and browsers, forgetting that you can
  3275. * scroll at different speeds. Some devices (like trackpads) emit more events
  3276. * at smaller increments with fine granularity, and some emit massive jumps with
  3277. * linear speed or acceleration.
  3278. *
  3279. * This code does its best to normalize the deltas for you:
  3280. *
  3281. * - spin is trying to normalize how far the wheel was spun (or trackpad
  3282. * dragged). This is super useful for zoom support where you want to
  3283. * throw away the chunky scroll steps on the PC and make those equal to
  3284. * the slow and smooth tiny steps on the Mac. Key data: This code tries to
  3285. * resolve a single slow step on a wheel to 1.
  3286. *
  3287. * - pixel is normalizing the desired scroll delta in pixel units. You'll
  3288. * get the crazy differences between browsers, but at least it'll be in
  3289. * pixels!
  3290. *
  3291. * - positive value indicates scrolling DOWN/RIGHT, negative UP/LEFT. This
  3292. * should translate to positive value zooming IN, negative zooming OUT.
  3293. * This matches the newer 'wheel' event.
  3294. *
  3295. * Why are there spinX, spinY (or pixels)?
  3296. *
  3297. * - spinX is a 2-finger side drag on the trackpad, and a shift + wheel turn
  3298. * with a mouse. It results in side-scrolling in the browser by default.
  3299. *
  3300. * - spinY is what you expect -- it's the classic axis of a mouse wheel.
  3301. *
  3302. * - I dropped spinZ/pixelZ. It is supported by the DOM 3 'wheel' event and
  3303. * probably is by browsers in conjunction with fancy 3D controllers .. but
  3304. * you know.
  3305. *
  3306. * Implementation info:
  3307. *
  3308. * Examples of 'wheel' event if you scroll slowly (down) by one step with an
  3309. * average mouse:
  3310. *
  3311. * OS X + Chrome (mouse) - 4 pixel delta (wheelDelta -120)
  3312. * OS X + Safari (mouse) - N/A pixel delta (wheelDelta -12)
  3313. * OS X + Firefox (mouse) - 0.1 line delta (wheelDelta N/A)
  3314. * Win8 + Chrome (mouse) - 100 pixel delta (wheelDelta -120)
  3315. * Win8 + Firefox (mouse) - 3 line delta (wheelDelta -120)
  3316. *
  3317. * On the trackpad:
  3318. *
  3319. * OS X + Chrome (trackpad) - 2 pixel delta (wheelDelta -6)
  3320. * OS X + Firefox (trackpad) - 1 pixel delta (wheelDelta N/A)
  3321. *
  3322. * On other/older browsers.. it's more complicated as there can be multiple and
  3323. * also missing delta values.
  3324. *
  3325. * The 'wheel' event is more standard:
  3326. *
  3327. * http://www.w3.org/TR/DOM-Level-3-Events/#events-wheelevents
  3328. *
  3329. * The basics is that it includes a unit, deltaMode (pixels, lines, pages), and
  3330. * deltaX, deltaY and deltaZ. Some browsers provide other values to maintain
  3331. * backward compatibility with older events. Those other values help us
  3332. * better normalize spin speed. Example of what the browsers provide:
  3333. *
  3334. * | event.wheelDelta | event.detail
  3335. * ------------------+------------------+--------------
  3336. * Safari v5/OS X | -120 | 0
  3337. * Safari v5/Win7 | -120 | 0
  3338. * Chrome v17/OS X | -120 | 0
  3339. * Chrome v17/Win7 | -120 | 0
  3340. * IE9/Win7 | -120 | undefined
  3341. * Firefox v4/OS X | undefined | 1
  3342. * Firefox v4/Win7 | undefined | 3
  3343. *
  3344. */
  3345. function normalizeWheel( /*object*/ event ) /*object*/ {
  3346. // Reasonable defaults
  3347. var PIXEL_STEP = 10;
  3348. var LINE_HEIGHT = 40;
  3349. var PAGE_HEIGHT = 800;
  3350. var sX = 0, sY = 0, // spinX, spinY
  3351. pX = 0, pY = 0; // pixelX, pixelY
  3352. // Legacy
  3353. if( 'detail' in event ) {
  3354. sY = event.detail;
  3355. }
  3356. if( 'wheelDelta' in event ) {
  3357. sY = -event.wheelDelta / 120;
  3358. }
  3359. if( 'wheelDeltaY' in event ) {
  3360. sY = -event.wheelDeltaY / 120;
  3361. }
  3362. if( 'wheelDeltaX' in event ) {
  3363. sX = -event.wheelDeltaX / 120;
  3364. }
  3365. // side scrolling on FF with DOMMouseScroll
  3366. if( 'axis' in event && event.axis === event.HORIZONTAL_AXIS ) {
  3367. sX = sY;
  3368. sY = 0;
  3369. }
  3370. pX = sX * PIXEL_STEP;
  3371. pY = sY * PIXEL_STEP;
  3372. if( 'deltaY' in event ) {
  3373. pY = event.deltaY;
  3374. }
  3375. if( 'deltaX' in event ) {
  3376. pX = event.deltaX;
  3377. }
  3378. if( (pX || pY) && event.deltaMode ) {
  3379. if( event.deltaMode === 1 ) { // delta in LINE units
  3380. pX *= LINE_HEIGHT;
  3381. pY *= LINE_HEIGHT;
  3382. } else { // delta in PAGE units
  3383. pX *= PAGE_HEIGHT;
  3384. pY *= PAGE_HEIGHT;
  3385. }
  3386. }
  3387. // Fall-back if spin cannot be determined
  3388. if( pX && !sX ) {
  3389. sX = (pX < 1) ? -1 : 1;
  3390. }
  3391. if( pY && !sY ) {
  3392. sY = (pY < 1) ? -1 : 1;
  3393. }
  3394. return {
  3395. spinX: sX,
  3396. spinY: sY,
  3397. pixelX: pX,
  3398. pixelY: pY
  3399. };
  3400. }
  3401. if (s.params.mousewheelControl) {
  3402. /**
  3403. * The best combination if you prefer spinX + spinY normalization. It favors
  3404. * the older DOMMouseScroll for Firefox, as FF does not include wheelDelta with
  3405. * 'wheel' event, making spin speed determination impossible.
  3406. */
  3407. s.mousewheel.event = (navigator.userAgent.indexOf('firefox') > -1) ?
  3408. 'DOMMouseScroll' :
  3409. isEventSupported() ?
  3410. 'wheel' : 'mousewheel';
  3411. }
  3412. function handleMousewheel(e) {
  3413. if (e.originalEvent) e = e.originalEvent; //jquery fix
  3414. var delta = 0;
  3415. var rtlFactor = s.rtl ? -1 : 1;
  3416. var data = normalizeWheel( e );
  3417. if (s.params.mousewheelForceToAxis) {
  3418. if (s.isHorizontal()) {
  3419. if (Math.abs(data.pixelX) > Math.abs(data.pixelY)) delta = data.pixelX * rtlFactor;
  3420. else return;
  3421. }
  3422. else {
  3423. if (Math.abs(data.pixelY) > Math.abs(data.pixelX)) delta = data.pixelY;
  3424. else return;
  3425. }
  3426. }
  3427. else {
  3428. delta = Math.abs(data.pixelX) > Math.abs(data.pixelY) ? - data.pixelX * rtlFactor : - data.pixelY;
  3429. }
  3430. if (delta === 0) return;
  3431. if (s.params.mousewheelInvert) delta = -delta;
  3432. if (!s.params.freeMode) {
  3433. if ((new window.Date()).getTime() - s.mousewheel.lastScrollTime > 60) {
  3434. if (delta < 0) {
  3435. if ((!s.isEnd || s.params.loop) && !s.animating) {
  3436. s.slideNext();
  3437. s.emit('onScroll', s, e);
  3438. }
  3439. else if (s.params.mousewheelReleaseOnEdges) return true;
  3440. }
  3441. else {
  3442. if ((!s.isBeginning || s.params.loop) && !s.animating) {
  3443. s.slidePrev();
  3444. s.emit('onScroll', s, e);
  3445. }
  3446. else if (s.params.mousewheelReleaseOnEdges) return true;
  3447. }
  3448. }
  3449. s.mousewheel.lastScrollTime = (new window.Date()).getTime();
  3450. }
  3451. else {
  3452. //Freemode or scrollContainer:
  3453. var position = s.getWrapperTranslate() + delta * s.params.mousewheelSensitivity;
  3454. var wasBeginning = s.isBeginning,
  3455. wasEnd = s.isEnd;
  3456. if (position >= s.minTranslate()) position = s.minTranslate();
  3457. if (position <= s.maxTranslate()) position = s.maxTranslate();
  3458. s.setWrapperTransition(0);
  3459. s.setWrapperTranslate(position);
  3460. s.updateProgress();
  3461. s.updateActiveIndex();
  3462. if (!wasBeginning && s.isBeginning || !wasEnd && s.isEnd) {
  3463. s.updateClasses();
  3464. }
  3465. if (s.params.freeModeSticky) {
  3466. clearTimeout(s.mousewheel.timeout);
  3467. s.mousewheel.timeout = setTimeout(function () {
  3468. s.slideReset();
  3469. }, 300);
  3470. }
  3471. else {
  3472. if (s.params.lazyLoading && s.lazy) {
  3473. s.lazy.load();
  3474. }
  3475. }
  3476. // Emit event
  3477. s.emit('onScroll', s, e);
  3478. // Stop autoplay
  3479. if (s.params.autoplay && s.params.autoplayDisableOnInteraction) s.stopAutoplay();
  3480. // Return page scroll on edge positions
  3481. if (position === 0 || position === s.maxTranslate()) return;
  3482. }
  3483. if (e.preventDefault) e.preventDefault();
  3484. else e.returnValue = false;
  3485. return false;
  3486. }
  3487. s.disableMousewheelControl = function () {
  3488. if (!s.mousewheel.event) return false;
  3489. var target = s.container;
  3490. if (s.params.mousewheelEventsTarged !== 'container') {
  3491. target = $(s.params.mousewheelEventsTarged);
  3492. }
  3493. target.off(s.mousewheel.event, handleMousewheel);
  3494. s.params.mousewheelControl = false;
  3495. return true;
  3496. };
  3497. s.enableMousewheelControl = function () {
  3498. if (!s.mousewheel.event) return false;
  3499. var target = s.container;
  3500. if (s.params.mousewheelEventsTarged !== 'container') {
  3501. target = $(s.params.mousewheelEventsTarged);
  3502. }
  3503. target.on(s.mousewheel.event, handleMousewheel);
  3504. s.params.mousewheelControl = true;
  3505. return true;
  3506. };
  3507. /*=========================
  3508. Parallax
  3509. ===========================*/
  3510. function setParallaxTransform(el, progress) {
  3511. el = $(el);
  3512. var p, pX, pY;
  3513. var rtlFactor = s.rtl ? -1 : 1;
  3514. p = el.attr('data-swiper-parallax') || '0';
  3515. pX = el.attr('data-swiper-parallax-x');
  3516. pY = el.attr('data-swiper-parallax-y');
  3517. if (pX || pY) {
  3518. pX = pX || '0';
  3519. pY = pY || '0';
  3520. }
  3521. else {
  3522. if (s.isHorizontal()) {
  3523. pX = p;
  3524. pY = '0';
  3525. }
  3526. else {
  3527. pY = p;
  3528. pX = '0';
  3529. }
  3530. }
  3531. if ((pX).indexOf('%') >= 0) {
  3532. pX = parseInt(pX, 10) * progress * rtlFactor + '%';
  3533. }
  3534. else {
  3535. pX = pX * progress * rtlFactor + 'px' ;
  3536. }
  3537. if ((pY).indexOf('%') >= 0) {
  3538. pY = parseInt(pY, 10) * progress + '%';
  3539. }
  3540. else {
  3541. pY = pY * progress + 'px' ;
  3542. }
  3543. el.transform('translate3d(' + pX + ', ' + pY + ',0px)');
  3544. }
  3545. s.parallax = {
  3546. setTranslate: function () {
  3547. s.container.children('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]').each(function(){
  3548. setParallaxTransform(this, s.progress);
  3549. });
  3550. s.slides.each(function () {
  3551. var slide = $(this);
  3552. slide.find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]').each(function () {
  3553. var progress = Math.min(Math.max(slide[0].progress, -1), 1);
  3554. setParallaxTransform(this, progress);
  3555. });
  3556. });
  3557. },
  3558. setTransition: function (duration) {
  3559. if (typeof duration === 'undefined') duration = s.params.speed;
  3560. s.container.find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]').each(function(){
  3561. var el = $(this);
  3562. var parallaxDuration = parseInt(el.attr('data-swiper-parallax-duration'), 10) || duration;
  3563. if (duration === 0) parallaxDuration = 0;
  3564. el.transition(parallaxDuration);
  3565. });
  3566. }
  3567. };
  3568. /*=========================
  3569. Zoom
  3570. ===========================*/
  3571. s.zoom = {
  3572. // "Global" Props
  3573. scale: 1,
  3574. currentScale: 1,
  3575. isScaling: false,
  3576. gesture: {
  3577. slide: undefined,
  3578. slideWidth: undefined,
  3579. slideHeight: undefined,
  3580. image: undefined,
  3581. imageWrap: undefined,
  3582. zoomMax: s.params.zoomMax
  3583. },
  3584. image: {
  3585. isTouched: undefined,
  3586. isMoved: undefined,
  3587. currentX: undefined,
  3588. currentY: undefined,
  3589. minX: undefined,
  3590. minY: undefined,
  3591. maxX: undefined,
  3592. maxY: undefined,
  3593. width: undefined,
  3594. height: undefined,
  3595. startX: undefined,
  3596. startY: undefined,
  3597. touchesStart: {},
  3598. touchesCurrent: {}
  3599. },
  3600. velocity: {
  3601. x: undefined,
  3602. y: undefined,
  3603. prevPositionX: undefined,
  3604. prevPositionY: undefined,
  3605. prevTime: undefined
  3606. },
  3607. // Calc Scale From Multi-touches
  3608. getDistanceBetweenTouches: function (e) {
  3609. if (e.targetTouches.length < 2) return 1;
  3610. var x1 = e.targetTouches[0].pageX,
  3611. y1 = e.targetTouches[0].pageY,
  3612. x2 = e.targetTouches[1].pageX,
  3613. y2 = e.targetTouches[1].pageY;
  3614. var distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
  3615. return distance;
  3616. },
  3617. // Events
  3618. onGestureStart: function (e) {
  3619. var z = s.zoom;
  3620. if (!s.support.gestures) {
  3621. if (e.type !== 'touchstart' || e.type === 'touchstart' && e.targetTouches.length < 2) {
  3622. return;
  3623. }
  3624. z.gesture.scaleStart = z.getDistanceBetweenTouches(e);
  3625. }
  3626. if (!z.gesture.slide || !z.gesture.slide.length) {
  3627. z.gesture.slide = $(this);
  3628. if (z.gesture.slide.length === 0) z.gesture.slide = s.slides.eq(s.activeIndex);
  3629. z.gesture.image = z.gesture.slide.find('img, svg, canvas');
  3630. z.gesture.imageWrap = z.gesture.image.parent('.' + s.params.zoomContainerClass);
  3631. z.gesture.zoomMax = z.gesture.imageWrap.attr('data-swiper-zoom') || s.params.zoomMax ;
  3632. if (z.gesture.imageWrap.length === 0) {
  3633. z.gesture.image = undefined;
  3634. return;
  3635. }
  3636. }
  3637. z.gesture.image.transition(0);
  3638. z.isScaling = true;
  3639. },
  3640. onGestureChange: function (e) {
  3641. var z = s.zoom;
  3642. if (!s.support.gestures) {
  3643. if (e.type !== 'touchmove' || e.type === 'touchmove' && e.targetTouches.length < 2) {
  3644. return;
  3645. }
  3646. z.gesture.scaleMove = z.getDistanceBetweenTouches(e);
  3647. }
  3648. if (!z.gesture.image || z.gesture.image.length === 0) return;
  3649. if (s.support.gestures) {
  3650. z.scale = e.scale * z.currentScale;
  3651. }
  3652. else {
  3653. z.scale = (z.gesture.scaleMove / z.gesture.scaleStart) * z.currentScale;
  3654. }
  3655. if (z.scale > z.gesture.zoomMax) {
  3656. z.scale = z.gesture.zoomMax - 1 + Math.pow((z.scale - z.gesture.zoomMax + 1), 0.5);
  3657. }
  3658. if (z.scale < s.params.zoomMin) {
  3659. z.scale = s.params.zoomMin + 1 - Math.pow((s.params.zoomMin - z.scale + 1), 0.5);
  3660. }
  3661. z.gesture.image.transform('translate3d(0,0,0) scale(' + z.scale + ')');
  3662. },
  3663. onGestureEnd: function (e) {
  3664. var z = s.zoom;
  3665. if (!s.support.gestures) {
  3666. if (e.type !== 'touchend' || e.type === 'touchend' && e.changedTouches.length < 2) {
  3667. return;
  3668. }
  3669. }
  3670. if (!z.gesture.image || z.gesture.image.length === 0) return;
  3671. z.scale = Math.max(Math.min(z.scale, z.gesture.zoomMax), s.params.zoomMin);
  3672. z.gesture.image.transition(s.params.speed).transform('translate3d(0,0,0) scale(' + z.scale + ')');
  3673. z.currentScale = z.scale;
  3674. z.isScaling = false;
  3675. if (z.scale === 1) z.gesture.slide = undefined;
  3676. },
  3677. onTouchStart: function (s, e) {
  3678. var z = s.zoom;
  3679. if (!z.gesture.image || z.gesture.image.length === 0) return;
  3680. if (z.image.isTouched) return;
  3681. if (s.device.os === 'android') e.preventDefault();
  3682. z.image.isTouched = true;
  3683. z.image.touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
  3684. z.image.touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
  3685. },
  3686. onTouchMove: function (e) {
  3687. var z = s.zoom;
  3688. if (!z.gesture.image || z.gesture.image.length === 0) return;
  3689. s.allowClick = false;
  3690. if (!z.image.isTouched || !z.gesture.slide) return;
  3691. if (!z.image.isMoved) {
  3692. z.image.width = z.gesture.image[0].offsetWidth;
  3693. z.image.height = z.gesture.image[0].offsetHeight;
  3694. z.image.startX = s.getTranslate(z.gesture.imageWrap[0], 'x') || 0;
  3695. z.image.startY = s.getTranslate(z.gesture.imageWrap[0], 'y') || 0;
  3696. z.gesture.slideWidth = z.gesture.slide[0].offsetWidth;
  3697. z.gesture.slideHeight = z.gesture.slide[0].offsetHeight;
  3698. z.gesture.imageWrap.transition(0);
  3699. if (s.rtl) z.image.startX = -z.image.startX;
  3700. if (s.rtl) z.image.startY = -z.image.startY;
  3701. }
  3702. // Define if we need image drag
  3703. var scaledWidth = z.image.width * z.scale;
  3704. var scaledHeight = z.image.height * z.scale;
  3705. if (scaledWidth < z.gesture.slideWidth && scaledHeight < z.gesture.slideHeight) return;
  3706. z.image.minX = Math.min((z.gesture.slideWidth / 2 - scaledWidth / 2), 0);
  3707. z.image.maxX = -z.image.minX;
  3708. z.image.minY = Math.min((z.gesture.slideHeight / 2 - scaledHeight / 2), 0);
  3709. z.image.maxY = -z.image.minY;
  3710. z.image.touchesCurrent.x = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
  3711. z.image.touchesCurrent.y = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
  3712. if (!z.image.isMoved && !z.isScaling) {
  3713. if (s.isHorizontal() &&
  3714. (Math.floor(z.image.minX) === Math.floor(z.image.startX) && z.image.touchesCurrent.x < z.image.touchesStart.x) ||
  3715. (Math.floor(z.image.maxX) === Math.floor(z.image.startX) && z.image.touchesCurrent.x > z.image.touchesStart.x)
  3716. ) {
  3717. z.image.isTouched = false;
  3718. return;
  3719. }
  3720. else if (!s.isHorizontal() &&
  3721. (Math.floor(z.image.minY) === Math.floor(z.image.startY) && z.image.touchesCurrent.y < z.image.touchesStart.y) ||
  3722. (Math.floor(z.image.maxY) === Math.floor(z.image.startY) && z.image.touchesCurrent.y > z.image.touchesStart.y)
  3723. ) {
  3724. z.image.isTouched = false;
  3725. return;
  3726. }
  3727. }
  3728. e.preventDefault();
  3729. e.stopPropagation();
  3730. z.image.isMoved = true;
  3731. z.image.currentX = z.image.touchesCurrent.x - z.image.touchesStart.x + z.image.startX;
  3732. z.image.currentY = z.image.touchesCurrent.y - z.image.touchesStart.y + z.image.startY;
  3733. if (z.image.currentX < z.image.minX) {
  3734. z.image.currentX = z.image.minX + 1 - Math.pow((z.image.minX - z.image.currentX + 1), 0.8);
  3735. }
  3736. if (z.image.currentX > z.image.maxX) {
  3737. z.image.currentX = z.image.maxX - 1 + Math.pow((z.image.currentX - z.image.maxX + 1), 0.8);
  3738. }
  3739. if (z.image.currentY < z.image.minY) {
  3740. z.image.currentY = z.image.minY + 1 - Math.pow((z.image.minY - z.image.currentY + 1), 0.8);
  3741. }
  3742. if (z.image.currentY > z.image.maxY) {
  3743. z.image.currentY = z.image.maxY - 1 + Math.pow((z.image.currentY - z.image.maxY + 1), 0.8);
  3744. }
  3745. //Velocity
  3746. if (!z.velocity.prevPositionX) z.velocity.prevPositionX = z.image.touchesCurrent.x;
  3747. if (!z.velocity.prevPositionY) z.velocity.prevPositionY = z.image.touchesCurrent.y;
  3748. if (!z.velocity.prevTime) z.velocity.prevTime = Date.now();
  3749. z.velocity.x = (z.image.touchesCurrent.x - z.velocity.prevPositionX) / (Date.now() - z.velocity.prevTime) / 2;
  3750. z.velocity.y = (z.image.touchesCurrent.y - z.velocity.prevPositionY) / (Date.now() - z.velocity.prevTime) / 2;
  3751. if (Math.abs(z.image.touchesCurrent.x - z.velocity.prevPositionX) < 2) z.velocity.x = 0;
  3752. if (Math.abs(z.image.touchesCurrent.y - z.velocity.prevPositionY) < 2) z.velocity.y = 0;
  3753. z.velocity.prevPositionX = z.image.touchesCurrent.x;
  3754. z.velocity.prevPositionY = z.image.touchesCurrent.y;
  3755. z.velocity.prevTime = Date.now();
  3756. z.gesture.imageWrap.transform('translate3d(' + z.image.currentX + 'px, ' + z.image.currentY + 'px,0)');
  3757. },
  3758. onTouchEnd: function (s, e) {
  3759. var z = s.zoom;
  3760. if (!z.gesture.image || z.gesture.image.length === 0) return;
  3761. if (!z.image.isTouched || !z.image.isMoved) {
  3762. z.image.isTouched = false;
  3763. z.image.isMoved = false;
  3764. return;
  3765. }
  3766. z.image.isTouched = false;
  3767. z.image.isMoved = false;
  3768. var momentumDurationX = 300;
  3769. var momentumDurationY = 300;
  3770. var momentumDistanceX = z.velocity.x * momentumDurationX;
  3771. var newPositionX = z.image.currentX + momentumDistanceX;
  3772. var momentumDistanceY = z.velocity.y * momentumDurationY;
  3773. var newPositionY = z.image.currentY + momentumDistanceY;
  3774. //Fix duration
  3775. if (z.velocity.x !== 0) momentumDurationX = Math.abs((newPositionX - z.image.currentX) / z.velocity.x);
  3776. if (z.velocity.y !== 0) momentumDurationY = Math.abs((newPositionY - z.image.currentY) / z.velocity.y);
  3777. var momentumDuration = Math.max(momentumDurationX, momentumDurationY);
  3778. z.image.currentX = newPositionX;
  3779. z.image.currentY = newPositionY;
  3780. // Define if we need image drag
  3781. var scaledWidth = z.image.width * z.scale;
  3782. var scaledHeight = z.image.height * z.scale;
  3783. z.image.minX = Math.min((z.gesture.slideWidth / 2 - scaledWidth / 2), 0);
  3784. z.image.maxX = -z.image.minX;
  3785. z.image.minY = Math.min((z.gesture.slideHeight / 2 - scaledHeight / 2), 0);
  3786. z.image.maxY = -z.image.minY;
  3787. z.image.currentX = Math.max(Math.min(z.image.currentX, z.image.maxX), z.image.minX);
  3788. z.image.currentY = Math.max(Math.min(z.image.currentY, z.image.maxY), z.image.minY);
  3789. z.gesture.imageWrap.transition(momentumDuration).transform('translate3d(' + z.image.currentX + 'px, ' + z.image.currentY + 'px,0)');
  3790. },
  3791. onTransitionEnd: function (s) {
  3792. var z = s.zoom;
  3793. if (z.gesture.slide && s.previousIndex !== s.activeIndex) {
  3794. z.gesture.image.transform('translate3d(0,0,0) scale(1)');
  3795. z.gesture.imageWrap.transform('translate3d(0,0,0)');
  3796. z.gesture.slide = z.gesture.image = z.gesture.imageWrap = undefined;
  3797. z.scale = z.currentScale = 1;
  3798. }
  3799. },
  3800. // Toggle Zoom
  3801. toggleZoom: function (s, e) {
  3802. var z = s.zoom;
  3803. if (!z.gesture.slide) {
  3804. z.gesture.slide = s.clickedSlide ? $(s.clickedSlide) : s.slides.eq(s.activeIndex);
  3805. z.gesture.image = z.gesture.slide.find('img, svg, canvas');
  3806. z.gesture.imageWrap = z.gesture.image.parent('.' + s.params.zoomContainerClass);
  3807. }
  3808. if (!z.gesture.image || z.gesture.image.length === 0) return;
  3809. var touchX, touchY, offsetX, offsetY, diffX, diffY, translateX, translateY, imageWidth, imageHeight, scaledWidth, scaledHeight, translateMinX, translateMinY, translateMaxX, translateMaxY, slideWidth, slideHeight;
  3810. if (typeof z.image.touchesStart.x === 'undefined' && e) {
  3811. touchX = e.type === 'touchend' ? e.changedTouches[0].pageX : e.pageX;
  3812. touchY = e.type === 'touchend' ? e.changedTouches[0].pageY : e.pageY;
  3813. }
  3814. else {
  3815. touchX = z.image.touchesStart.x;
  3816. touchY = z.image.touchesStart.y;
  3817. }
  3818. if (z.scale && z.scale !== 1) {
  3819. // Zoom Out
  3820. z.scale = z.currentScale = 1;
  3821. z.gesture.imageWrap.transition(300).transform('translate3d(0,0,0)');
  3822. z.gesture.image.transition(300).transform('translate3d(0,0,0) scale(1)');
  3823. z.gesture.slide = undefined;
  3824. }
  3825. else {
  3826. // Zoom In
  3827. z.scale = z.currentScale = z.gesture.imageWrap.attr('data-swiper-zoom') || s.params.zoomMax;
  3828. if (e) {
  3829. slideWidth = z.gesture.slide[0].offsetWidth;
  3830. slideHeight = z.gesture.slide[0].offsetHeight;
  3831. offsetX = z.gesture.slide.offset().left;
  3832. offsetY = z.gesture.slide.offset().top;
  3833. diffX = offsetX + slideWidth/2 - touchX;
  3834. diffY = offsetY + slideHeight/2 - touchY;
  3835. imageWidth = z.gesture.image[0].offsetWidth;
  3836. imageHeight = z.gesture.image[0].offsetHeight;
  3837. scaledWidth = imageWidth * z.scale;
  3838. scaledHeight = imageHeight * z.scale;
  3839. translateMinX = Math.min((slideWidth / 2 - scaledWidth / 2), 0);
  3840. translateMinY = Math.min((slideHeight / 2 - scaledHeight / 2), 0);
  3841. translateMaxX = -translateMinX;
  3842. translateMaxY = -translateMinY;
  3843. translateX = diffX * z.scale;
  3844. translateY = diffY * z.scale;
  3845. if (translateX < translateMinX) {
  3846. translateX = translateMinX;
  3847. }
  3848. if (translateX > translateMaxX) {
  3849. translateX = translateMaxX;
  3850. }
  3851. if (translateY < translateMinY) {
  3852. translateY = translateMinY;
  3853. }
  3854. if (translateY > translateMaxY) {
  3855. translateY = translateMaxY;
  3856. }
  3857. }
  3858. else {
  3859. translateX = 0;
  3860. translateY = 0;
  3861. }
  3862. z.gesture.imageWrap.transition(300).transform('translate3d(' + translateX + 'px, ' + translateY + 'px,0)');
  3863. z.gesture.image.transition(300).transform('translate3d(0,0,0) scale(' + z.scale + ')');
  3864. }
  3865. },
  3866. // Attach/Detach Events
  3867. attachEvents: function (detach) {
  3868. var action = detach ? 'off' : 'on';
  3869. if (s.params.zoom) {
  3870. var target = s.slides;
  3871. var passiveListener = s.touchEvents.start === 'touchstart' && s.support.passiveListener && s.params.passiveListeners ? {passive: true, capture: false} : false;
  3872. // Scale image
  3873. if (s.support.gestures) {
  3874. s.slides[action]('gesturestart', s.zoom.onGestureStart, passiveListener);
  3875. s.slides[action]('gesturechange', s.zoom.onGestureChange, passiveListener);
  3876. s.slides[action]('gestureend', s.zoom.onGestureEnd, passiveListener);
  3877. }
  3878. else if (s.touchEvents.start === 'touchstart') {
  3879. s.slides[action](s.touchEvents.start, s.zoom.onGestureStart, passiveListener);
  3880. s.slides[action](s.touchEvents.move, s.zoom.onGestureChange, passiveListener);
  3881. s.slides[action](s.touchEvents.end, s.zoom.onGestureEnd, passiveListener);
  3882. }
  3883. // Move image
  3884. s[action]('touchStart', s.zoom.onTouchStart);
  3885. s.slides.each(function (index, slide){
  3886. if ($(slide).find('.' + s.params.zoomContainerClass).length > 0) {
  3887. $(slide)[action](s.touchEvents.move, s.zoom.onTouchMove);
  3888. }
  3889. });
  3890. s[action]('touchEnd', s.zoom.onTouchEnd);
  3891. // Scale Out
  3892. s[action]('transitionEnd', s.zoom.onTransitionEnd);
  3893. if (s.params.zoomToggle) {
  3894. s.on('doubleTap', s.zoom.toggleZoom);
  3895. }
  3896. }
  3897. },
  3898. init: function () {
  3899. s.zoom.attachEvents();
  3900. },
  3901. destroy: function () {
  3902. s.zoom.attachEvents(true);
  3903. }
  3904. };
  3905. /*=========================
  3906. Plugins API. Collect all and init all plugins
  3907. ===========================*/
  3908. s._plugins = [];
  3909. for (var plugin in s.plugins) {
  3910. var p = s.plugins[plugin](s, s.params[plugin]);
  3911. if (p) s._plugins.push(p);
  3912. }
  3913. // Method to call all plugins event/method
  3914. s.callPlugins = function (eventName) {
  3915. for (var i = 0; i < s._plugins.length; i++) {
  3916. if (eventName in s._plugins[i]) {
  3917. s._plugins[i][eventName](arguments[1], arguments[2], arguments[3], arguments[4], arguments[5]);
  3918. }
  3919. }
  3920. };
  3921. /*=========================
  3922. Events/Callbacks/Plugins Emitter
  3923. ===========================*/
  3924. function normalizeEventName (eventName) {
  3925. if (eventName.indexOf('on') !== 0) {
  3926. if (eventName[0] !== eventName[0].toUpperCase()) {
  3927. eventName = 'on' + eventName[0].toUpperCase() + eventName.substring(1);
  3928. }
  3929. else {
  3930. eventName = 'on' + eventName;
  3931. }
  3932. }
  3933. return eventName;
  3934. }
  3935. s.emitterEventListeners = {
  3936. };
  3937. s.emit = function (eventName) {
  3938. // Trigger callbacks
  3939. if (s.params[eventName]) {
  3940. s.params[eventName](arguments[1], arguments[2], arguments[3], arguments[4], arguments[5]);
  3941. }
  3942. var i;
  3943. // Trigger events
  3944. if (s.emitterEventListeners[eventName]) {
  3945. for (i = 0; i < s.emitterEventListeners[eventName].length; i++) {
  3946. s.emitterEventListeners[eventName][i](arguments[1], arguments[2], arguments[3], arguments[4], arguments[5]);
  3947. }
  3948. }
  3949. // Trigger plugins
  3950. if (s.callPlugins) s.callPlugins(eventName, arguments[1], arguments[2], arguments[3], arguments[4], arguments[5]);
  3951. };
  3952. s.on = function (eventName, handler) {
  3953. eventName = normalizeEventName(eventName);
  3954. if (!s.emitterEventListeners[eventName]) s.emitterEventListeners[eventName] = [];
  3955. s.emitterEventListeners[eventName].push(handler);
  3956. return s;
  3957. };
  3958. s.off = function (eventName, handler) {
  3959. var i;
  3960. eventName = normalizeEventName(eventName);
  3961. if (typeof handler === 'undefined') {
  3962. // Remove all handlers for such event
  3963. s.emitterEventListeners[eventName] = [];
  3964. return s;
  3965. }
  3966. if (!s.emitterEventListeners[eventName] || s.emitterEventListeners[eventName].length === 0) return;
  3967. for (i = 0; i < s.emitterEventListeners[eventName].length; i++) {
  3968. if(s.emitterEventListeners[eventName][i] === handler) s.emitterEventListeners[eventName].splice(i, 1);
  3969. }
  3970. return s;
  3971. };
  3972. s.once = function (eventName, handler) {
  3973. eventName = normalizeEventName(eventName);
  3974. var _handler = function () {
  3975. handler(arguments[0], arguments[1], arguments[2], arguments[3], arguments[4]);
  3976. s.off(eventName, _handler);
  3977. };
  3978. s.on(eventName, _handler);
  3979. return s;
  3980. };
  3981. // Accessibility tools
  3982. s.a11y = {
  3983. makeFocusable: function ($el) {
  3984. $el.attr('tabIndex', '0');
  3985. return $el;
  3986. },
  3987. addRole: function ($el, role) {
  3988. $el.attr('role', role);
  3989. return $el;
  3990. },
  3991. addLabel: function ($el, label) {
  3992. $el.attr('aria-label', label);
  3993. return $el;
  3994. },
  3995. disable: function ($el) {
  3996. $el.attr('aria-disabled', true);
  3997. return $el;
  3998. },
  3999. enable: function ($el) {
  4000. $el.attr('aria-disabled', false);
  4001. return $el;
  4002. },
  4003. onEnterKey: function (event) {
  4004. if (event.keyCode !== 13) return;
  4005. if ($(event.target).is(s.params.nextButton)) {
  4006. s.onClickNext(event);
  4007. if (s.isEnd) {
  4008. s.a11y.notify(s.params.lastSlideMessage);
  4009. }
  4010. else {
  4011. s.a11y.notify(s.params.nextSlideMessage);
  4012. }
  4013. }
  4014. else if ($(event.target).is(s.params.prevButton)) {
  4015. s.onClickPrev(event);
  4016. if (s.isBeginning) {
  4017. s.a11y.notify(s.params.firstSlideMessage);
  4018. }
  4019. else {
  4020. s.a11y.notify(s.params.prevSlideMessage);
  4021. }
  4022. }
  4023. if ($(event.target).is('.' + s.params.bulletClass)) {
  4024. $(event.target)[0].click();
  4025. }
  4026. },
  4027. liveRegion: $('<span class="' + s.params.notificationClass + '" aria-live="assertive" aria-atomic="true"></span>'),
  4028. notify: function (message) {
  4029. var notification = s.a11y.liveRegion;
  4030. if (notification.length === 0) return;
  4031. notification.html('');
  4032. notification.html(message);
  4033. },
  4034. init: function () {
  4035. // Setup accessibility
  4036. if (s.params.nextButton && s.nextButton && s.nextButton.length > 0) {
  4037. s.a11y.makeFocusable(s.nextButton);
  4038. s.a11y.addRole(s.nextButton, 'button');
  4039. s.a11y.addLabel(s.nextButton, s.params.nextSlideMessage);
  4040. }
  4041. if (s.params.prevButton && s.prevButton && s.prevButton.length > 0) {
  4042. s.a11y.makeFocusable(s.prevButton);
  4043. s.a11y.addRole(s.prevButton, 'button');
  4044. s.a11y.addLabel(s.prevButton, s.params.prevSlideMessage);
  4045. }
  4046. $(s.container).append(s.a11y.liveRegion);
  4047. },
  4048. initPagination: function () {
  4049. if (s.params.pagination && s.params.paginationClickable && s.bullets && s.bullets.length) {
  4050. s.bullets.each(function () {
  4051. var bullet = $(this);
  4052. s.a11y.makeFocusable(bullet);
  4053. s.a11y.addRole(bullet, 'button');
  4054. s.a11y.addLabel(bullet, s.params.paginationBulletMessage.replace(/{{index}}/, bullet.index() + 1));
  4055. });
  4056. }
  4057. },
  4058. destroy: function () {
  4059. if (s.a11y.liveRegion && s.a11y.liveRegion.length > 0) s.a11y.liveRegion.remove();
  4060. }
  4061. };
  4062. /*=========================
  4063. Init/Destroy
  4064. ===========================*/
  4065. s.init = function () {
  4066. if (s.params.loop) s.createLoop();
  4067. s.updateContainerSize();
  4068. s.updateSlidesSize();
  4069. s.updatePagination();
  4070. if (s.params.scrollbar && s.scrollbar) {
  4071. s.scrollbar.set();
  4072. if (s.params.scrollbarDraggable) {
  4073. s.scrollbar.enableDraggable();
  4074. }
  4075. }
  4076. if (s.params.effect !== 'slide' && s.effects[s.params.effect]) {
  4077. if (!s.params.loop) s.updateProgress();
  4078. s.effects[s.params.effect].setTranslate();
  4079. }
  4080. if (s.params.loop) {
  4081. s.slideTo(s.params.initialSlide + s.loopedSlides, 0, s.params.runCallbacksOnInit);
  4082. }
  4083. else {
  4084. s.slideTo(s.params.initialSlide, 0, s.params.runCallbacksOnInit);
  4085. if (s.params.initialSlide === 0) {
  4086. if (s.parallax && s.params.parallax) s.parallax.setTranslate();
  4087. if (s.lazy && s.params.lazyLoading) {
  4088. s.lazy.load();
  4089. s.lazy.initialImageLoaded = true;
  4090. }
  4091. }
  4092. }
  4093. s.attachEvents();
  4094. if (s.params.observer && s.support.observer) {
  4095. s.initObservers();
  4096. }
  4097. if (s.params.preloadImages && !s.params.lazyLoading) {
  4098. s.preloadImages();
  4099. }
  4100. if (s.params.zoom && s.zoom) {
  4101. s.zoom.init();
  4102. }
  4103. if (s.params.autoplay) {
  4104. s.startAutoplay();
  4105. }
  4106. if (s.params.keyboardControl) {
  4107. if (s.enableKeyboardControl) s.enableKeyboardControl();
  4108. }
  4109. if (s.params.mousewheelControl) {
  4110. if (s.enableMousewheelControl) s.enableMousewheelControl();
  4111. }
  4112. // Deprecated hashnavReplaceState changed to replaceState for use in hashnav and history
  4113. if (s.params.hashnavReplaceState) {
  4114. s.params.replaceState = s.params.hashnavReplaceState;
  4115. }
  4116. if (s.params.history) {
  4117. if (s.history) s.history.init();
  4118. }
  4119. if (s.params.hashnav) {
  4120. if (s.hashnav) s.hashnav.init();
  4121. }
  4122. if (s.params.a11y && s.a11y) s.a11y.init();
  4123. s.emit('onInit', s);
  4124. };
  4125. // Cleanup dynamic styles
  4126. s.cleanupStyles = function () {
  4127. // Container
  4128. s.container.removeClass(s.classNames.join(' ')).removeAttr('style');
  4129. // Wrapper
  4130. s.wrapper.removeAttr('style');
  4131. // Slides
  4132. if (s.slides && s.slides.length) {
  4133. s.slides
  4134. .removeClass([
  4135. s.params.slideVisibleClass,
  4136. s.params.slideActiveClass,
  4137. s.params.slideNextClass,
  4138. s.params.slidePrevClass
  4139. ].join(' '))
  4140. .removeAttr('style')
  4141. .removeAttr('data-swiper-column')
  4142. .removeAttr('data-swiper-row');
  4143. }
  4144. // Pagination/Bullets
  4145. if (s.paginationContainer && s.paginationContainer.length) {
  4146. s.paginationContainer.removeClass(s.params.paginationHiddenClass);
  4147. }
  4148. if (s.bullets && s.bullets.length) {
  4149. s.bullets.removeClass(s.params.bulletActiveClass);
  4150. }
  4151. // Buttons
  4152. if (s.params.prevButton) $(s.params.prevButton).removeClass(s.params.buttonDisabledClass);
  4153. if (s.params.nextButton) $(s.params.nextButton).removeClass(s.params.buttonDisabledClass);
  4154. // Scrollbar
  4155. if (s.params.scrollbar && s.scrollbar) {
  4156. if (s.scrollbar.track && s.scrollbar.track.length) s.scrollbar.track.removeAttr('style');
  4157. if (s.scrollbar.drag && s.scrollbar.drag.length) s.scrollbar.drag.removeAttr('style');
  4158. }
  4159. };
  4160. // Destroy
  4161. s.destroy = function (deleteInstance, cleanupStyles) {
  4162. // Detach evebts
  4163. s.detachEvents();
  4164. // Stop autoplay
  4165. s.stopAutoplay();
  4166. // Disable draggable
  4167. if (s.params.scrollbar && s.scrollbar) {
  4168. if (s.params.scrollbarDraggable) {
  4169. s.scrollbar.disableDraggable();
  4170. }
  4171. }
  4172. // Destroy loop
  4173. if (s.params.loop) {
  4174. s.destroyLoop();
  4175. }
  4176. // Cleanup styles
  4177. if (cleanupStyles) {
  4178. s.cleanupStyles();
  4179. }
  4180. // Disconnect observer
  4181. s.disconnectObservers();
  4182. // Destroy zoom
  4183. if (s.params.zoom && s.zoom) {
  4184. s.zoom.destroy();
  4185. }
  4186. // Disable keyboard/mousewheel
  4187. if (s.params.keyboardControl) {
  4188. if (s.disableKeyboardControl) s.disableKeyboardControl();
  4189. }
  4190. if (s.params.mousewheelControl) {
  4191. if (s.disableMousewheelControl) s.disableMousewheelControl();
  4192. }
  4193. // Disable a11y
  4194. if (s.params.a11y && s.a11y) s.a11y.destroy();
  4195. // Delete history popstate
  4196. if (s.params.history && !s.params.replaceState) {
  4197. window.removeEventListener('popstate', s.history.setHistoryPopState);
  4198. }
  4199. if (s.params.hashnav && s.hashnav) {
  4200. s.hashnav.destroy();
  4201. }
  4202. // Destroy callback
  4203. s.emit('onDestroy');
  4204. // Delete instance
  4205. if (deleteInstance !== false) s = null;
  4206. };
  4207. s.init();
  4208. // Return swiper instance
  4209. return s;
  4210. };
  4211. /*==================================================
  4212. Prototype
  4213. ====================================================*/
  4214. Swiper.prototype = {
  4215. isSafari: (function () {
  4216. var ua = window.navigator.userAgent.toLowerCase();
  4217. return (ua.indexOf('safari') >= 0 && ua.indexOf('chrome') < 0 && ua.indexOf('android') < 0);
  4218. })(),
  4219. isUiWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(window.navigator.userAgent),
  4220. isArray: function (arr) {
  4221. return Object.prototype.toString.apply(arr) === '[object Array]';
  4222. },
  4223. /*==================================================
  4224. Browser
  4225. ====================================================*/
  4226. browser: {
  4227. ie: window.navigator.pointerEnabled || window.navigator.msPointerEnabled,
  4228. ieTouch: (window.navigator.msPointerEnabled && window.navigator.msMaxTouchPoints > 1) || (window.navigator.pointerEnabled && window.navigator.maxTouchPoints > 1),
  4229. lteIE9: (function() {
  4230. // create temporary DIV
  4231. var div = document.createElement('div');
  4232. // add content to tmp DIV which is wrapped into the IE HTML conditional statement
  4233. div.innerHTML = '<!--[if lte IE 9]><i></i><![endif]-->';
  4234. // return true / false value based on what will browser render
  4235. return div.getElementsByTagName('i').length === 1;
  4236. })()
  4237. },
  4238. /*==================================================
  4239. Devices
  4240. ====================================================*/
  4241. device: (function () {
  4242. var ua = window.navigator.userAgent;
  4243. var android = ua.match(/(Android);?[\s\/]+([\d.]+)?/);
  4244. var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
  4245. var ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
  4246. var iphone = !ipad && ua.match(/(iPhone\sOS|iOS)\s([\d_]+)/);
  4247. return {
  4248. ios: ipad || iphone || ipod,
  4249. android: android
  4250. };
  4251. })(),
  4252. /*==================================================
  4253. Feature Detection
  4254. ====================================================*/
  4255. support: {
  4256. touch : (window.Modernizr && Modernizr.touch === true) || (function () {
  4257. return !!(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);
  4258. })(),
  4259. transforms3d : (window.Modernizr && Modernizr.csstransforms3d === true) || (function () {
  4260. var div = document.createElement('div').style;
  4261. return ('webkitPerspective' in div || 'MozPerspective' in div || 'OPerspective' in div || 'MsPerspective' in div || 'perspective' in div);
  4262. })(),
  4263. flexbox: (function () {
  4264. var div = document.createElement('div').style;
  4265. var styles = ('alignItems webkitAlignItems webkitBoxAlign msFlexAlign mozBoxAlign webkitFlexDirection msFlexDirection mozBoxDirection mozBoxOrient webkitBoxDirection webkitBoxOrient').split(' ');
  4266. for (var i = 0; i < styles.length; i++) {
  4267. if (styles[i] in div) return true;
  4268. }
  4269. })(),
  4270. observer: (function () {
  4271. return ('MutationObserver' in window || 'WebkitMutationObserver' in window);
  4272. })(),
  4273. passiveListener: (function () {
  4274. var supportsPassive = false;
  4275. try {
  4276. var opts = Object.defineProperty({}, 'passive', {
  4277. get: function() {
  4278. supportsPassive = true;
  4279. }
  4280. });
  4281. window.addEventListener('testPassiveListener', null, opts);
  4282. } catch (e) {}
  4283. return supportsPassive;
  4284. })(),
  4285. gestures: (function () {
  4286. return 'ongesturestart' in window;
  4287. })()
  4288. },
  4289. /*==================================================
  4290. Plugins
  4291. ====================================================*/
  4292. plugins: {}
  4293. };
  4294. /*===========================
  4295. Get jQuery
  4296. ===========================*/
  4297. addLibraryPlugin($);
  4298. var domLib = $;
  4299. /*===========================
  4300. Add .swiper plugin from Dom libraries
  4301. ===========================*/
  4302. function addLibraryPlugin(lib) {
  4303. lib.fn.swiper = function (params) {
  4304. var firstInstance;
  4305. lib(this).each(function () {
  4306. var s = new Swiper(this, params);
  4307. if (!firstInstance) firstInstance = s;
  4308. });
  4309. return firstInstance;
  4310. };
  4311. }
  4312. if (domLib) {
  4313. if (!('transitionEnd' in domLib.fn)) {
  4314. domLib.fn.transitionEnd = function (callback) {
  4315. var events = ['webkitTransitionEnd', 'transitionend', 'oTransitionEnd', 'MSTransitionEnd', 'msTransitionEnd'],
  4316. i, j, dom = this;
  4317. function fireCallBack(e) {
  4318. /*jshint validthis:true */
  4319. if (e.target !== this) return;
  4320. callback.call(this, e);
  4321. for (i = 0; i < events.length; i++) {
  4322. dom.off(events[i], fireCallBack);
  4323. }
  4324. }
  4325. if (callback) {
  4326. for (i = 0; i < events.length; i++) {
  4327. dom.on(events[i], fireCallBack);
  4328. }
  4329. }
  4330. return this;
  4331. };
  4332. }
  4333. if (!('transform' in domLib.fn)) {
  4334. domLib.fn.transform = function (transform) {
  4335. for (var i = 0; i < this.length; i++) {
  4336. var elStyle = this[i].style;
  4337. elStyle.webkitTransform = elStyle.MsTransform = elStyle.msTransform = elStyle.MozTransform = elStyle.OTransform = elStyle.transform = transform;
  4338. }
  4339. return this;
  4340. };
  4341. }
  4342. if (!('transition' in domLib.fn)) {
  4343. domLib.fn.transition = function (duration) {
  4344. if (typeof duration !== 'string') {
  4345. duration = duration + 'ms';
  4346. }
  4347. for (var i = 0; i < this.length; i++) {
  4348. var elStyle = this[i].style;
  4349. elStyle.webkitTransitionDuration = elStyle.MsTransitionDuration = elStyle.msTransitionDuration = elStyle.MozTransitionDuration = elStyle.OTransitionDuration = elStyle.transitionDuration = duration;
  4350. }
  4351. return this;
  4352. };
  4353. }
  4354. if (!('outerWidth' in domLib.fn)) {
  4355. domLib.fn.outerWidth = function (includeMargins) {
  4356. if (this.length > 0) {
  4357. if (includeMargins)
  4358. return this[0].offsetWidth + parseFloat(this.css('margin-right')) + parseFloat(this.css('margin-left'));
  4359. else
  4360. return this[0].offsetWidth;
  4361. }
  4362. else return null;
  4363. };
  4364. }
  4365. }
  4366. return Swiper;
  4367. }));
  4368. //# sourceMappingURL=maps/swiper.jquery.umd.js.map