以下是 jQuery鼠标滑动切换焦点图滚动特效代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery鼠标滑动切换焦点图代码</title>
<link rel="stylesheet" href="css/idangerous.swiper.css">
<style>
/* Demo Styles */
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.5;
}
.device {
width: 660px;
position: relative;
margin: 10px auto;
height: 250px;
padding: 30px 40px;
border-radius: 20px;
background: #000;
border:3px solid #fff;
box-shadow: 0px 0px 5px #000;
}
.swiper-container {
width: 660px;
height: 250px;
color: #fff;
background: #222;
text-align: center;
}
.swiper-slide {
height: 100%;
opacity: 0.4;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.swiper-slide-visible {
opacity: 0.5;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.swiper-slide-active {
top: 0;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.red-slide {
background: #ca4040;
}
.blue-slide {
background: #4390ee;
}
.orange-slide {
background: #ff8604;
}
.green-slide {
background: #49a430;
}
.pink-slide {
background: #973e76;
}
.swiper-slide .title {
font-style: italic;
font-size: 42px;
margin-top: 80px;
margin-bottom: 0;
line-height: 45px;
}
.pagination {
position: absolute;
z-index: 20;
left: 0px;
width: 100%;
text-align: center;
bottom: 5px;
}
.swiper-pagination-switch {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 8px;
background: #aaa;
margin-right: 8px;
cursor: pointer;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
opacity: 0;
position: relative;
top: -50px;
}
.swiper-visible-switch {
opacity: 1;
top: 0;
background: #aaa;
}
.swiper-active-switch {
background: #fff;
}
</style>
</head>
<body>
<div class="device">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide red-slide">
<div class="title">Slide 1</div>
</div>
<div class="swiper-slide blue-slide">
<div class="title">Slide 2</div>
</div>
<div class="swiper-slide orange-slide">
<div class="title">Slide 3</div>
</div>
<div class="swiper-slide blue-slide">
<div class="title">Slide 4</div>
</div>
<div class="swiper-slide red-slide">
<div class="title">Slide 5</div>
</div>
<div class="swiper-slide green-slide">
<div class="title">Slide 6</div>
</div>
</div>
</div>
<div class="pagination"></div>
</div>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/idangerous.swiper.min.js"></script>
<script>
var mySwiper = new Swiper('.swiper-container',{
pagination: '.pagination',
paginationClickable: true,
centeredSlides: true,
slidesPerView: 3,
watchActiveIndex: true
})
</script>
</body>
</html>
JS代码(idangerous.swiper.min.js):
/* * Swiper 2.7.0 * Mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/sliders/swiper/ * * Copyright 2010-2014,Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under GPL & MIT * * Released on:August 30,2014*/
var Swiper=function(a,b){
"use strict";
function c(a,b){
return document.querySelectorAll?(b||document).querySelectorAll(a):jQuery(a,b)}
function d(a){
return"[object Array]"===Object.prototype.toString.apply(a)?!0:!1}
function e(){
var a=F-I;
return b.freeMode&&(a=F-I),b.slidesPerView>C.slides.length&&!b.centeredSlides&&(a=0),0>a&&(a=0),a}
function f(){
function a(a){
var c=new Image;
c.onload=function(){
"undefined"!=typeof C&&null!==C&&(void 0!==C.imagesLoaded&&C.imagesLoaded++,C.imagesLoaded===C.imagesToLoad.length&&(C.reInit(),b.onImagesReady&&C.fireCallback(b.onImagesReady,C)))}
,c.src=a}
var d=C.h.addEventListener,e="wrapper"===b.eventTarget?C.wrapper:C.container;
if(C.browser.ie10||C.browser.ie11?(d(e,C.touchEvents.touchStart,p),d(document,C.touchEvents.touchMove,q),d(document,C.touchEvents.touchEnd,r)):(C.support.touch&&(d(e,"touchstart",p),d(e,"touchmove",q),d(e,"touchend",r)),b.simulateTouch&&(d(e,"mousedown",p),d(document,"mousemove",q),d(document,"mouseup",r))),b.autoResize&&d(window,"resize",C.resizeFix),g(),C._wheelEvent=!1,b.mousewheelControl){
if(void 0!==document.onmousewheel&&(C._wheelEvent="mousewheel"),!C._wheelEvent)try{
new WheelEvent("wheel"),C._wheelEvent="wheel"}
catch(f){
}
C._wheelEvent||(C._wheelEvent="DOMMouseScroll"),C._wheelEvent&&d(C.container,C._wheelEvent,j)}
if(b.keyboardControl&&d(document,"keydown",i),b.updateOnImagesReady){
C.imagesToLoad=c("img",C.container);
for(var h=0;
h<C.imagesToLoad.length;
h++)a(C.imagesToLoad[h].getAttribute("src"))}
}
function g(){
var a,d=C.h.addEventListener;
if(b.preventLinks){
var e=c("a",C.container);
for(a=0;
a<e.length;
a++)d(e[a],"click",n)}
if(b.releaseFormElements){
var f=c("input,textarea,select",C.container);
for(a=0;
a<f.length;
a++)d(f[a],C.touchEvents.touchStart,o,!0)}
if(b.onSlideClick)for(a=0;
a<C.slides.length;
a++)d(C.slides[a],"click",k);
if(b.onSlideTouch)for(a=0;
a<C.slides.length;
a++)d(C.slides[a],C.touchEvents.touchStart,l)}
function h(){
var a,d=C.h.removeEventListener;
if(b.onSlideClick)for(a=0;
a<C.slides.length;
a++)d(C.slides[a],"click",k);
if(b.onSlideTouch)for(a=0;
a<C.slides.length;
a++)d(C.slides[a],C.touchEvents.touchStart,l);
if(b.releaseFormElements){
var e=c("input,textarea,select",C.container);
for(a=0;
a<e.length;
a++)d(e[a],C.touchEvents.touchStart,o,!0)}
if(b.preventLinks){
var f=c("a",C.container);
for(a=0;
a<f.length;
a++)d(f[a],"click",n)}
}
function i(a){
var b=a.keyCode||a.charCode;
if(!(a.shiftKey||a.altKey||a.ctrlKey||a.metaKey)){
if(37===b||39===b||38===b||40===b){
for(var c=!1,d=C.h.getOffset(C.container),e=C.h.windowScroll().left,f=C.h.windowScroll().top,g=C.h.windowWidth(),h=C.h.windowHeight(),i=[[d.left,d.top],[d.left+C.width,d.top],[d.left,d.top+C.height],[d.left+C.width,d.top+C.height]],j=0;
j<i.length;
j++){
var k=i[j];
k[0]>=e&&k[0]<=e+g&&k[1]>=f&&k[1]<=f+h&&(c=!0)}
if(!c)return}
M?((37===b||39===b)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),39===b&&C.swipeNext(),37===b&&C.swipePrev()):((38===b||40===b)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),40===b&&C.swipeNext(),38===b&&C.swipePrev())}
}
function j(a){
var c=C._wheelEvent,d=0;
if(a.detail)d=-a.detail;
else if("mousewheel"===c)if(b.mousewheelControlForceToAxis)if(M){
if(!(Math.abs(a.wheelDeltaX)>Math.abs(a.wheelDeltaY)))return;
d=a.wheelDeltaX}
else{
if(!(Math.abs(a.wheelDeltaY)>Math.abs(a.wheelDeltaX)))return;
d=a.wheelDeltaY}
else d=a.wheelDelta;
else if("DOMMouseScroll"===c)d=-a.detail;
else if("wheel"===c)if(b.mousewheelControlForceToAxis)if(M){
if(!(Math.abs(a.deltaX)>Math.abs(a.deltaY)))return;
d=-a.deltaX}
else{
if(!(Math.abs(a.deltaY)>Math.abs(a.deltaX)))return;
d=-a.deltaY}
else d=Math.abs(a.deltaX)>Math.abs(a.deltaY)?-a.deltaX:-a.deltaY;
if(b.freeMode){
var f=C.getWrapperTranslate()+d;
if(f>0&&(f=0),f<-e()&&(f=-e()),C.setWrapperTransition(0),C.setWrapperTranslate(f),C.updateActiveSlide(f),0===f||f===-e())return}
else(new Date).getTime()-U>60&&(0>d?C.swipeNext():C.swipePrev()),U=(new Date).getTime();
return b.autoplay&&C.stopAutoplay(!0),a.preventDefault?a.preventDefault():a.returnValue=!1,!1}
function k(a){
C.allowSlideClick&&(m(a),C.fireCallback(b.onSlideClick,C,a))}
function l(a){
m(a),C.fireCallback(b.onSlideTouch,C,a)}
function m(a){
if(a.currentTarget)C.clickedSlide=a.currentTarget;
else{
var c=a.srcElement;
do{
if(c.className.indexOf(b.slideClass)>-1)break;
c=c.parentNode}
while(c);
C.clickedSlide=c}
C.clickedSlideIndex=C.slides.indexOf(C.clickedSlide),C.clickedSlideLoopIndex=C.clickedSlideIndex-(C.loopedSlides||0)}
function n(a){
return C.allowLinks?void 0:(a.preventDefault?a.preventDefault():a.returnValue=!1,b.preventLinksPropagation&&"stopPropagation"in a&&a.stopPropagation(),!1)}
function o(a){
return a.stopPropagation?a.stopPropagation():a.returnValue=!1,!1}
function p(a){
if(b.preventLinks&&(C.allowLinks=!0),C.isTouched||b.onlyExternal)return!1;
var c=a.target||a.srcElement;
document.activeElement&&document.activeElement!==c&&document.activeElement.blur();
var d="input select textarea".split(" ");
if(b.noSwiping&&c&&s(c))return!1;
if($=!1,C.isTouched=!0,Z="touchstart"===a.type,!Z&&"which"in a&&3===a.which)return!1;
if(!Z||1===a.targetTouches.length){
C.callPlugins("onTouchStartBegin"),!Z&&!C.isAndroid&&d.indexOf(c.tagName.toLowerCase())<0&&(a.preventDefault?a.preventDefault():a.returnValue=!1);
var e=Z?a.targetTouches[0].pageX:a.pageX||a.clientX,f=Z?a.targetTouches[0].pageY:a.pageY||a.clientY;
C.touches.startX=C.touches.currentX=e,C.touches.startY=C.touches.currentY=f,C.touches.start=C.touches.current=M?e:f,C.setWrapperTransition(0),C.positions.start=C.positions.current=C.getWrapperTranslate(),C.setWrapperTranslate(C.positions.start),C.times.start=(new Date).getTime(),H=void 0,b.moveStartThreshold>0&&(W=!1),b.onTouchStart&&C.fireCallback(b.onTouchStart,C,a),C.callPlugins("onTouchStartEnd")}
}
function q(a){
if(C.isTouched&&!b.onlyExternal&&(!Z||"mousemove"!==a.type)){
var c=Z?a.targetTouches[0].pageX:a.pageX||a.clientX,d=Z?a.targetTouches[0].pageY:a.pageY||a.clientY;
if("undefined"==typeof H&&M&&(H=!!(H||Math.abs(d-C.touches.startY)>Math.abs(c-C.touches.startX))),"undefined"!=typeof H||M||(H=!!(H||Math.abs(d-C.touches.startY)<Math.abs(c-C.touches.startX))),H)return void(C.isTouched=!1);
if(M){
if(!b.swipeToNext&&c<C.touches.startX||!b.swipeToPrev&&c>C.touches.startX)return}
else if(!b.swipeToNext&&d<C.touches.startY||!b.swipeToPrev&&d>C.touches.startY)return;
if(a.assignedToSwiper)return void(C.isTouched=!1);
if(a.assignedToSwiper=!0,b.preventLinks&&(C.allowLinks=!1),b.onSlideClick&&(C.allowSlideClick=!1),b.autoplay&&C.stopAutoplay(!0),!Z||1===a.touches.length){
if(C.isMoved||(C.callPlugins("onTouchMoveStart"),b.loop&&(C.fixLoop(),C.positions.start=C.getWrapperTranslate()),b.onTouchMoveStart&&C.fireCallback(b.onTouchMoveStart,C)),C.isMoved=!0,a.preventDefault?a.preventDefault():a.returnValue=!1,C.touches.current=M?c:d,C.positions.current=(C.touches.current-C.touches.start)*b.touchRatio+C.positions.start,C.positions.current>0&&b.onResistanceBefore&&C.fireCallback(b.onResistanceBefore,C,C.positions.current),C.positions.current<-e()&&b.onResistanceAfter&&C.fireCallback(b.onResistanceAfter,C,Math.abs(C.positions.current+e())),b.resistance&&"100%"!==b.resistance){
var f;
if(C.positions.current>0&&(f=1-C.positions.current/I/2,C.positions.current=.5>f?I/2:C.positions.current*f),C.positions.current<-e()){
var g=(C.touches.current-C.touches.start)*b.touchRatio+(e()+C.positions.start);
f=(I+g)/I;
var h=C.positions.current-g*(1-f)/2,i=-e()-I/2;
C.positions.current=i>h||0>=f?i:h}
}
if(b.resistance&&"100%"===b.resistance&&(C.positions.current>0&&(!b.freeMode||b.freeModeFluid)&&(C.positions.current=0),C.positions.current<-e()&&(!b.freeMode||b.freeModeFluid)&&(C.positions.current=-e())),!b.followFinger)return;
if(b.moveStartThreshold)if(Math.abs(C.touches.current-C.touches.start)>b.moveStartThreshold||W){
if(!W)return W=!0,void(C.touches.start=C.touches.current);
C.setWrapperTranslate(C.positions.current)}
else C.positions.current=C.positions.start;
else C.setWrapperTranslate(C.positions.current);
return(b.freeMode||b.watchActiveIndex)&&C.updateActiveSlide(C.positions.current),b.grabCursor&&(C.container.style.cursor="move",C.container.style.cursor="grabbing",C.container.style.cursor="-moz-grabbin",C.container.style.cursor="-webkit-grabbing"),X||(X=C.touches.current),Y||(Y=(new Date).getTime()),C.velocity=(C.touches.current-X)/((new Date).getTime()-Y)/2,Math.abs(C.touches.current-X)<2&&(C.velocity=0),X=C.touches.current,Y=(new Date).getTime(),C.callPlugins("onTouchMoveEnd"),b.onTouchMove&&C.fireCallback(b.onTouchMove,C,a),!1}
}
}
function r(a){
if(H&&C.swipeReset(),!b.onlyExternal&&C.isTouched){
C.isTouched=!1,b.grabCursor&&(C.container.style.cursor="move",C.container.style.cursor="grab",C.container.style.cursor="-moz-grab",C.container.style.cursor="-webkit-grab"),C.positions.current||0===C.positions.current||(C.positions.current=C.positions.start),b.followFinger&&C.setWrapperTranslate(C.positions.current),C.times.end=(new Date).getTime(),C.touches.diff=C.touches.current-C.touches.start,C.touches.abs=Math.abs(C.touches.diff),C.positions.diff=C.positions.current-C.positions.start,C.positions.abs=Math.abs(C.positions.diff);
var c=C.positions.diff,d=C.positions.abs,f=C.times.end-C.times.start;
5>d&&300>f&&C.allowLinks===!1&&(b.freeMode||0===d||C.swipeReset(),b.preventLinks&&(C.allowLinks=!0),b.onSlideClick&&(C.allowSlideClick=!0)),setTimeout(function(){
"undefined"!=typeof C&&null!==C&&(b.preventLinks&&(C.allowLinks=!0),b.onSlideClick&&(C.allowSlideClick=!0))}
,100);
var g=e();
if(!C.isMoved&&b.freeMode)return C.isMoved=!1,b.onTouchEnd&&C.fireCallback(b.onTouchEnd,C,a),void C.callPlugins("onTouchEnd");
if(!C.isMoved||C.positions.current>0||C.positions.current<-g)return C.swipeReset(),b.onTouchEnd&&C.fireCallback(b.onTouchEnd,C,a),void C.callPlugins("onTouchEnd");
if(C.isMoved=!1,b.freeMode){
if(b.freeModeFluid){
var h,i=1e3*b.momentumRatio,j=C.velocity*i,k=C.positions.current+j,l=!1,m=20*Math.abs(C.velocity)*b.momentumBounceRatio;
-g>k&&(b.momentumBounce&&C.support.transitions?(-m>k+g&&(k=-g-m),h=-g,l=!0,$=!0):k=-g),k>0&&(b.momentumBounce&&C.support.transitions?(k>m&&(k=m),h=0,l=!0,$=!0):k=0),0!==C.velocity&&(i=Math.abs((k-C.positions.current)/C.velocity)),C.setWrapperTranslate(k),C.setWrapperTransition(i),b.momentumBounce&&l&&C.wrapperTransitionEnd(function(){
$&&(b.onMomentumBounce&&C.fireCallback(b.onMomentumBounce,C),C.callPlugins("onMomentumBounce"),C.setWrapperTranslate(h),C.setWrapperTransition(300))}
),C.updateActiveSlide(k)}
return(!b.freeModeFluid||f>=300)&&C.updateActiveSlide(C.positions.current),b.onTouchEnd&&C.fireCallback(b.onTouchEnd,C,a),void C.callPlugins("onTouchEnd")}
G=0>c?"toNext":"toPrev","toNext"===G&&300>=f&&(30>d||!b.shortSwipes?C.swipeReset():C.swipeNext(!0)),"toPrev"===G&&300>=f&&(30>d||!b.shortSwipes?C.swipeReset():C.swipePrev(!0));
var n=0;
if("auto"===b.slidesPerView){
for(var o,p=Math.abs(C.getWrapperTranslate()),q=0,r=0;
r<C.slides.length;
r++)if(o=M?C.slides[r].getWidth(!0,b.roundLengths):C.slides[r].getHeight(!0,b.roundLengths),q+=o,q>p){
n=o;
break}
n>I&&(n=I)}
else n=E*b.slidesPerView;
"toNext"===G&&f>300&&(d>=n*b.longSwipesRatio?C.swipeNext(!0):C.swipeReset()),"toPrev"===G&&f>300&&(d>=n*b.longSwipesRatio?C.swipePrev(!0):C.swipeReset()),b.onTouchEnd&&C.fireCallback(b.onTouchEnd,C,a),C.callPlugins("onTouchEnd")}
}
function s(a){
var c=!1;
do a.className.indexOf(b.noSwipingClass)>-1&&(c=!0),a=a.parentElement;
while(!c&&a.parentElement&&-1===a.className.indexOf(b.wrapperClass));
return!c&&a.className.indexOf(b.wrapperClass)>-1&&a.className.indexOf(b.noSwipingClass)>-1&&(c=!0),c}
function t(a,b){
var c,d=document.createElement("div");
return d.innerHTML=b,c=d.firstChild,c.className+=" "+a,c.outerHTML}
function u(a,c,d){
function e(){
var f=+new Date,l=f-g;
h+=i*l/(1e3/60),k="toNext"===j?h>a:a>h,k?(C.setWrapperTranslate(Math.ceil(h)),C._DOMAnimating=!0,window.setTimeout(function(){
e()}
,1e3/60)):(b.onSlideChangeEnd&&("to"===c?d.runCallbacks===!0&&C.fireCallback(b.onSlideChangeEnd,C,j):C.fireCallback(b.onSlideChangeEnd,C,j)),C.setWrapperTranslate(a),C._DOMAnimating=!1)}
var f="to"===c&&d.speed>=0?d.speed:b.speed,g=+new Date;
if(C.support.transitions||!b.DOMAnimation)C.setWrapperTranslate(a),C.setWrapperTransition(f);
else{
var h=C.getWrapperTranslate(),i=Math.ceil((a-h)/f*(1e3/60)),j=h>a?"toNext":"toPrev",k="toNext"===j?h>a:a>h;
if(C._DOMAnimating)return;
e()}
C.updateActiveSlide(a),b.onSlideNext&&"next"===c&&C.fireCallback(b.onSlideNext,C,a),b.onSlidePrev&&"prev"===c&&C.fireCallback(b.onSlidePrev,C,a),b.onSlideReset&&"reset"===c&&C.fireCallback(b.onSlideReset,C,a),("next"===c||"prev"===c||"to"===c&&d.runCallbacks===!0)&&v(c)}
function v(a){
if(C.callPlugins("onSlideChangeStart"),b.onSlideChangeStart)if(b.queueStartCallbacks&&C.support.transitions){
if(C._queueStartCallbacks)return;
C._queueStartCallbacks=!0,C.fireCallback(b.onSlideChangeStart,C,a),C.wrapperTransitionEnd(function(){
C._queueStartCallbacks=!1}
)}
else C.fireCallback(b.onSlideChangeStart,C,a);
if(b.onSlideChangeEnd)if(C.support.transitions)if(b.queueEndCallbacks){
if(C._queueEndCallbacks)return;
C._queueEndCallbacks=!0,C.wrapperTransitionEnd(function(c){
C.fireCallback(b.onSlideChangeEnd,c,a)}
)}
else C.wrapperTransitionEnd(function(c){
C.fireCallback(b.onSlideChangeEnd,c,a)}
);
else b.DOMAnimation||setTimeout(function(){
C.fireCallback(b.onSlideChangeEnd,C,a)}
,10)}
function w(){
var a=C.paginationButtons;
if(a)for(var b=0;
b<a.length;
b++)C.h.removeEventListener(a[b],"click",y)}
function x(){
var a=C.paginationButtons;
if(a)for(var b=0;
b<a.length;
b++)C.h.addEventListener(a[b],"click",y)}
function y(a){
for(var c,d=a.target||a.srcElement,e=C.paginationButtons,f=0;
f<e.length;
f++)d===e[f]&&(c=f);
b.autoplay&&C.stopAutoplay(!0),C.swipeTo(c)}
function z(){
_=setTimeout(function(){
b.loop?(C.fixLoop(),C.swipeNext(!0)):C.swipeNext(!0)||(b.autoplayStopOnLast?(clearTimeout(_),_=void 0):C.swipeTo(0)),C.wrapperTransitionEnd(function(){
"undefined"!=typeof _&&z()}
)}
,b.autoplay)}
function A(){
C.calcSlides(),b.loader.slides.length>0&&0===C.slides.length&&C.loadSlides(),b.loop&&C.createLoop(),C.init(),f(),b.pagination&&C.createPagination(!0),b.loop||b.initialSlide>0?C.swipeTo(b.initialSlide,0,!1):C.updateActiveSlide(0),b.autoplay&&C.startAutoplay(),C.centerIndex=C.activeIndex,b.onSwiperCreated&&C.fireCallback(b.onSwiperCreated,C),C.callPlugins("onSwiperCreated")}
if(!document.body.outerHTML&&document.body.__defineGetter__&&HTMLElement){
var B=HTMLElement.prototype;
B.__defineGetter__&&B.__defineGetter__("outerHTML",function(){
return(new XMLSerializer).serializeToString(this)}
)}
if(window.getComputedStyle||(window.getComputedStyle=function(a){
return this.el=a,this.getPropertyValue=function(b){
var c=/(\-([a-z]){
1}
)/g;
return"float"===b&&(b="styleFloat"),c.test(b)&&(b=b.replace(c,function(){
return arguments[2].toUpperCase()}
)),a.currentStyle[b]?a.currentStyle[b]:null}
,this}
),Array.prototype.indexOf||(Array.prototype.indexOf=function(a,b){
for(var c=b||0,d=this.length;
d>c;
c++)if(this[c]===a)return c;
return-1}
),(document.querySelectorAll||window.jQuery)&&"undefined"!=typeof a&&(a.nodeType||0!==c(a).length)){
var C=this;
C.touches={
start:0,startX:0,startY:0,current:0,currentX:0,currentY:0,diff:0,abs:0}
,C.positions={
start:0,abs:0,diff:0,current:0}
,C.times={
start:0,end:0}
,C.id=(new Date).getTime(),C.container=a.nodeType?a:c(a)[0],C.isTouched=!1,C.isMoved=!1,C.activeIndex=0,C.centerIndex=0,C.activeLoaderIndex=0,C.activeLoopIndex=0,C.previousIndex=null,C.velocity=0,C.snapGrid=[],C.slidesGrid=[],C.imagesToLoad=[],C.imagesLoaded=0,C.wrapperLeft=0,C.wrapperRight=0,C.wrapperTop=0,C.wrapperBottom=0,C.isAndroid=navigator.userAgent.toLowerCase().indexOf("android")>=0;
var D,E,F,G,H,I,J={
eventTarget:"wrapper",mode:"horizontal",touchRatio:1,speed:300,freeMode:!1,freeModeFluid:!1,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,slidesPerView:1,slidesPerGroup:1,slidesPerViewFit:!0,simulateTouch:!0,followFinger:!0,shortSwipes:!0,longSwipesRatio:.5,moveStartThreshold:!1,onlyExternal:!1,createPagination:!0,pagination:!1,paginationElement:"span",paginationClickable:!1,paginationAsRange:!0,resistance:!0,scrollContainer:!1,preventLinks:!0,preventLinksPropagation:!1,noSwiping:!1,noSwipingClass:"swiper-no-swiping",initialSlide:0,keyboardControl:!1,mousewheelControl:!1,mousewheelControlForceToAxis:!1,useCSS3Transforms:!0,autoplay:!1,autoplayDisableOnInteraction:!0,autoplayStopOnLast:!1,loop:!1,loopAdditionalSlides:0,roundLengths:!1,calculateHeight:!1,cssWidthAndHeight:!1,updateOnImagesReady:!0,releaseFormElements:!0,watchActiveIndex:!1,visibilityFullFit:!1,offsetPxBefore:0,offsetPxAfter:0,offsetSlidesBefore:0,offsetSlidesAfter:0,centeredSlides:!1,queueStartCallbacks:!1,queueEndCallbacks:!1,autoResize:!0,resizeReInit:!1,DOMAnimation:!0,loader:{
slides:[],slidesHTMLType:"inner",surroundGroups:1,logic:"reload",loadAllSlides:!1}
,swipeToPrev:!0,swipeToNext:!0,slideElement:"div",slideClass:"swiper-slide",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideDuplicateClass:"swiper-slide-duplicate",wrapperClass:"swiper-wrapper",paginationElementClass:"swiper-pagination-switch",paginationActiveClass:"swiper-active-switch",paginationVisibleClass:"swiper-visible-switch"}
;
b=b||{
}
;
for(var K in J)if(K in b&&"object"==typeof b[K])for(var L in J[K])L in b[K]||(b[K][L]=J[K][L]);
else K in b||(b[K]=J[K]);
C.params=b,b.scrollContainer&&(b.freeMode=!0,b.freeModeFluid=!0),b.loop&&(b.resistance="100%");
var M="horizontal"===b.mode,N=["mousedown","mousemove","mouseup"];
C.browser.ie10&&(N=["MSPointerDown","MSPointerMove","MSPointerUp"]),C.browser.ie11&&(N=["pointerdown","pointermove","pointerup"]),C.touchEvents={
touchStart:C.support.touch||!b.simulateTouch?"touchstart":N[0],touchMove:C.support.touch||!b.simulateTouch?"touchmove":N[1],touchEnd:C.support.touch||!b.simulateTouch?"touchend":N[2]}
;
for(var O=C.container.childNodes.length-1;
O>=0;
O--)if(C.container.childNodes[O].className)for(var P=C.container.childNodes[O].className.split(/\s+/),Q=0;
Q<P.length;
Q++)P[Q]===b.wrapperClass&&(D=C.container.childNodes[O]);
C.wrapper=D,C._extendSwiperSlide=function(a){
return a.append=function(){
return b.loop?a.insertAfter(C.slides.length-C.loopedSlides):(C.wrapper.appendChild(a),C.reInit()),a}
,a.prepend=function(){
return b.loop?(C.wrapper.insertBefore(a,C.slides[C.loopedSlides]),C.removeLoopedSlides(),C.calcSlides(),C.createLoop()):C.wrapper.insertBefore(a,C.wrapper.firstChild),C.reInit(),a}
,a.insertAfter=function(c){
if("undefined"==typeof c)return!1;
var d;
return b.loop?(d=C.slides[c+1+C.loopedSlides],d?C.wrapper.insertBefore(a,d):C.wrapper.appendChild(a),C.removeLoopedSlides(),C.calcSlides(),C.createLoop()):(d=C.slides[c+1],C.wrapper.insertBefore(a,d)),C.reInit(),a}
,a.clone=function(){
return C._extendSwiperSlide(a.cloneNode(!0))}
,a.remove=function(){
C.wrapper.removeChild(a),C.reInit()}
,a.html=function(b){
return"undefined"==typeof b?a.innerHTML:(a.innerHTML=b,a)}
,a.index=function(){
for(var b,c=C.slides.length-1;
c>=0;
c--)a===C.slides[c]&&(b=c);
return b}
,a.isActive=function(){
return a.index()===C.activeIndex?!0:!1}
,a.swiperSlideDataStorage||(a.swiperSlideDataStorage={
}
),a.getData=function(b){
return a.swiperSlideDataStorage[b]}
,a.setData=function(b,c){
return a.swiperSlideDataStorage[b]=c,a}
,a.data=function(b,c){
return"undefined"==typeof c?a.getAttribute("data-"+b):(a.setAttribute("data-"+b,c),a)}
,a.getWidth=function(b,c){
return C.h.getWidth(a,b,c)}
,a.getHeight=function(b,c){
return C.h.getHeight(a,b,c)}
,a.getOffset=function(){
return C.h.getOffset(a)}
,a}
,C.calcSlides=function(a){
var c=C.slides?C.slides.length:!1;
C.slides=[],C.displaySlides=[];
for(var d=0;
d<C.wrapper.childNodes.length;
d++)if(C.wrapper.childNodes[d].className)for(var e=C.wrapper.childNodes[d].className,f=e.split(/\s+/),i=0;
i<f.length;
i++)f[i]===b.slideClass&&C.slides.push(C.wrapper.childNodes[d]);
for(d=C.slides.length-1;
d>=0;
d--)C._extendSwiperSlide(C.slides[d]);
c!==!1&&(c!==C.slides.length||a)&&(h(),g(),C.updateActiveSlide(),C.params.pagination&&C.createPagination(),C.callPlugins("numberOfSlidesChanged"))}
,C.createSlide=function(a,c,d){
c=c||C.params.slideClass,d=d||b.slideElement;
var e=document.createElement(d);
return e.innerHTML=a||"",e.className=c,C._extendSwiperSlide(e)}
,C.appendSlide=function(a,b,c){
return a?a.nodeType?C._extendSwiperSlide(a).append():C.createSlide(a,b,c).append():void 0}
,C.prependSlide=function(a,b,c){
return a?a.nodeType?C._extendSwiperSlide(a).prepend():C.createSlide(a,b,c).prepend():void 0}
,C.insertSlideAfter=function(a,b,c,d){
return"undefined"==typeof a?!1:b.nodeType?C._extendSwiperSlide(b).insertAfter(a):C.createSlide(b,c,d).insertAfter(a)}
,C.removeSlide=function(a){
if(C.slides[a]){
if(b.loop){
if(!C.slides[a+C.loopedSlides])return!1;
C.slides[a+C.loopedSlides].remove(),C.removeLoopedSlides(),C.calcSlides(),C.createLoop()}
else C.slides[a].remove();
return!0}
return!1}
,C.removeLastSlide=function(){
return C.slides.length>0?(b.loop?(C.slides[C.slides.length-1-C.loopedSlides].remove(),C.removeLoopedSlides(),C.calcSlides(),C.createLoop()):C.slides[C.slides.length-1].remove(),!0):!1}
,C.removeAllSlides=function(){
for(var a=C.slides.length-1;
a>=0;
a--)C.slides[a].remove()}
,C.getSlide=function(a){
return C.slides[a]}
,C.getLastSlide=function(){
return C.slides[C.slides.length-1]}
,C.getFirstSlide=function(){
return C.slides[0]}
,C.activeSlide=function(){
return C.slides[C.activeIndex]}
,C.fireCallback=function(){
var a=arguments[0];
if("[object Array]"===Object.prototype.toString.call(a))for(var c=0;
c<a.length;
c++)"function"==typeof a[c]&&a[c](arguments[1],arguments[2],arguments[3],arguments[4],arguments[5]);
else"[object String]"===Object.prototype.toString.call(a)?b["on"+a]&&C.fireCallback(b["on"+a],arguments[1],arguments[2],arguments[3],arguments[4],arguments[5]):a(arguments[1],arguments[2],arguments[3],arguments[4],arguments[5])}
,C.addCallback=function(a,b){
var c,e=this;
return e.params["on"+a]?d(this.params["on"+a])?this.params["on"+a].push(b):"function"==typeof this.params["on"+a]?(c=this.params["on"+a],this.params["on"+a]=[],this.params["on"+a].push(c),this.params["on"+a].push(b)):void 0:(this.params["on"+a]=[],this.params["on"+a].push(b))}
,C.removeCallbacks=function(a){
C.params["on"+a]&&(C.params["on"+a]=null)}
;
var R=[];
for(var S in C.plugins)if(b[S]){
var T=C.plugins[S](C,b[S]);
T&&R.push(T)}
C.callPlugins=function(a,b){
b||(b={
}
);
for(var c=0;
c<R.length;
c++)a in R[c]&&R[c][a](b)}
,!C.browser.ie10&&!C.browser.ie11||b.onlyExternal||C.wrapper.classList.add("swiper-wp8-"+(M?"horizontal":"vertical")),b.freeMode&&(C.container.className+=" swiper-free-mode"),C.initialized=!1,C.init=function(a,c){
var d=C.h.getWidth(C.container,!1,b.roundLengths),e=C.h.getHeight(C.container,!1,b.roundLengths);
if(d!==C.width||e!==C.height||a){
C.width=d,C.height=e;
var f,g,h,i,j,k,l;
I=M?d:e;
var m=C.wrapper;
if(a&&C.calcSlides(c),"auto"===b.slidesPerView){
var n=0,o=0;
b.slidesOffset>0&&(m.style.paddingLeft="",m.style.paddingRight="",m.style.paddingTop="",m.style.paddingBottom=""),m.style.width="",m.style.height="",b.offsetPxBefore>0&&(M?C.wrapperLeft=b.offsetPxBefore:C.wrapperTop=b.offsetPxBefore),b.offsetPxAfter>0&&(M?C.wrapperRight=b.offsetPxAfter:C.wrapperBottom=b.offsetPxAfter),b.centeredSlides&&(M?(C.wrapperLeft=(I-this.slides[0].getWidth(!0,b.roundLengths))/2,C.wrapperRight=(I-C.slides[C.slides.length-1].getWidth(!0,b.roundLengths))/2):(C.wrapperTop=(I-C.slides[0].getHeight(!0,b.roundLengths))/2,C.wrapperBottom=(I-C.slides[C.slides.length-1].getHeight(!0,b.roundLengths))/2)),M?(C.wrapperLeft>=0&&(m.style.paddingLeft=C.wrapperLeft+"px"),C.wrapperRight>=0&&(m.style.paddingRight=C.wrapperRight+"px")):(C.wrapperTop>=0&&(m.style.paddingTop=C.wrapperTop+"px"),C.wrapperBottom>=0&&(m.style.paddingBottom=C.wrapperBottom+"px")),k=0;
var p=0;
for(C.snapGrid=[],C.slidesGrid=[],h=0,l=0;
l<C.slides.length;
l++){
f=C.slides[l].getWidth(!0,b.roundLengths),g=C.slides[l].getHeight(!0,b.roundLengths),b.calculateHeight&&(h=Math.max(h,g));
var q=M?f:g;
if(b.centeredSlides){
var r=l===C.slides.length-1?0:C.slides[l+1].getWidth(!0,b.roundLengths),s=l===C.slides.length-1?0:C.slides[l+1].getHeight(!0,b.roundLengths),t=M?r:s;
if(q>I){
if(b.slidesPerViewFit)C.snapGrid.push(k+C.wrapperLeft),C.snapGrid.push(k+q-I+C.wrapperLeft);
else for(var u=0;
u<=Math.floor(q/(I+C.wrapperLeft));
u++)C.snapGrid.push(0===u?k+C.wrapperLeft:k+C.wrapperLeft+I*u);
C.slidesGrid.push(k+C.wrapperLeft)}
else C.snapGrid.push(p),C.slidesGrid.push(p);
p+=q/2+t/2}
else{
if(q>I)if(b.slidesPerViewFit)C.snapGrid.push(k),C.snapGrid.push(k+q-I);
else if(0!==I)for(var v=0;
v<=Math.floor(q/I);
v++)C.snapGrid.push(k+I*v);
else C.snapGrid.push(k);
else C.snapGrid.push(k);
C.slidesGrid.push(k)}
k+=q,n+=f,o+=g}
b.calculateHeight&&(C.height=h),M?(F=n+C.wrapperRight+C.wrapperLeft,m.style.width=n+"px",m.style.height=C.height+"px"):(F=o+C.wrapperTop+C.wrapperBottom,m.style.width=C.width+"px",m.style.height=o+"px")}
else if(b.scrollContainer)m.style.width="",m.style.height="",i=C.slides[0].getWidth(!0,b.roundLengths),j=C.slides[0].getHeight(!0,b.roundLengths),F=M?i:j,m.style.width=i+"px",m.style.height=j+"px",E=M?i:j;
else{
if(b.calculateHeight){
for(h=0,j=0,M||(C.container.style.height=""),m.style.height="",l=0;
l<C.slides.length;
l++)C.slides[l].style.height="",h=Math.max(C.slides[l].getHeight(!0),h),M||(j+=C.slides[l].getHeight(!0));
g=h,C.height=g,M?j=g:(I=g,C.container.style.height=I+"px")}
else g=M?C.height:C.height/b.slidesPerView,b.roundLengths&&(g=Math.ceil(g)),j=M?C.height:C.slides.length*g;
for(f=M?C.width/b.slidesPerView:C.width,b.roundLengths&&(f=Math.ceil(f)),i=M?C.slides.length*f:C.width,E=M?f:g,b.offsetSlidesBefore>0&&(M?C.wrapperLeft=E*b.offsetSlidesBefore:C.wrapperTop=E*b.offsetSlidesBefore),b.offsetSlidesAfter>0&&(M?C.wrapperRight=E*b.offsetSlidesAfter:C.wrapperBottom=E*b.offsetSlidesAfter),b.offsetPxBefore>0&&(M?C.wrapperLeft=b.offsetPxBefore:C.wrapperTop=b.offsetPxBefore),b.offsetPxAfter>0&&(M?C.wrapperRight=b.offsetPxAfter:C.wrapperBottom=b.offsetPxAfter),b.centeredSlides&&(M?(C.wrapperLeft=(I-E)/2,C.wrapperRight=(I-E)/2):(C.wrapperTop=(I-E)/2,C.wrapperBottom=(I-E)/2)),M?(C.wrapperLeft>0&&(m.style.paddingLeft=C.wrapperLeft+"px"),C.wrapperRight>0&&(m.style.paddingRight=C.wrapperRight+"px")):(C.wrapperTop>0&&(m.style.paddingTop=C.wrapperTop+"px"),C.wrapperBottom>0&&(m.style.paddingBottom=C.wrapperBottom+"px")),F=M?i+C.wrapperRight+C.wrapperLeft:j+C.wrapperTop+C.wrapperBottom,parseFloat(i)>0&&(!b.cssWidthAndHeight||"height"===b.cssWidthAndHeight)&&(m.style.width=i+"px"),parseFloat(j)>0&&(!b.cssWidthAndHeight||"width"===b.cssWidthAndHeight)&&(m.style.height=j+"px"),k=0,C.snapGrid=[],C.slidesGrid=[],l=0;
l<C.slides.length;
l++)C.snapGrid.push(k),C.slidesGrid.push(k),k+=E,parseFloat(f)>0&&(!b.cssWidthAndHeight||"height"===b.cssWidthAndHeight)&&(C.slides[l].style.width=f+"px"),parseFloat(g)>0&&(!b.cssWidthAndHeight||"width"===b.cssWidthAndHeight)&&(C.slides[l].style.height=g+"px")}
C.initialized?(C.callPlugins("onInit"),b.onInit&&C.fireCallback(b.onInit,C)):(C.callPlugins("onFirstInit"),b.onFirstInit&&C.fireCallback(b.onFirstInit,C)),C.initialized=!0}
}
,C.reInit=function(a){
C.init(!0,a)}
,C.resizeFix=function(a){
C.callPlugins("beforeResizeFix"),C.init(b.resizeReInit||a),b.freeMode?C.getWrapperTranslate()<-e()&&(C.setWrapperTransition(0),C.setWrapperTranslate(-e())):(C.swipeTo(b.loop?C.activeLoopIndex:C.activeIndex,0,!1),b.autoplay&&(C.support.transitions&&"undefined"!=typeof _?"undefined"!=typeof _&&(clearTimeout(_),_=void 0,C.startAutoplay()):"undefined"!=typeof ab&&(clearInterval(ab),ab=void 0,C.startAutoplay()))),C.callPlugins("afterResizeFix")}
,C.destroy=function(){
var a=C.h.removeEventListener,c="wrapper"===b.eventTarget?C.wrapper:C.container;
C.browser.ie10||C.browser.ie11?(a(c,C.touchEvents.touchStart,p),a(document,C.touchEvents.touchMove,q),a(document,C.touchEvents.touchEnd,r)):(C.support.touch&&(a(c,"touchstart",p),a(c,"touchmove",q),a(c,"touchend",r)),b.simulateTouch&&(a(c,"mousedown",p),a(document,"mousemove",q),a(document,"mouseup",r))),b.autoResize&&a(window,"resize",C.resizeFix),h(),b.paginationClickable&&w(),b.mousewheelControl&&C._wheelEvent&&a(C.container,C._wheelEvent,j),b.keyboardControl&&a(document,"keydown",i),b.autoplay&&C.stopAutoplay(),C.callPlugins("onDestroy"),C=null}
,C.disableKeyboardControl=function(){
b.keyboardControl=!1,C.h.removeEventListener(document,"keydown",i)}
,C.enableKeyboardControl=function(){
b.keyboardControl=!0,C.h.addEventListener(document,"keydown",i)}
;
var U=(new Date).getTime();
if(C.disableMousewheelControl=function(){
return C._wheelEvent?(b.mousewheelControl=!1,C.h.removeEventListener(C.container,C._wheelEvent,j),!0):!1}
,C.enableMousewheelControl=function(){
return C._wheelEvent?(b.mousewheelControl=!0,C.h.addEventListener(C.container,C._wheelEvent,j),!0):!1}
,b.grabCursor){
var V=C.container.style;
V.cursor="move",V.cursor="grab",V.cursor="-moz-grab",V.cursor="-webkit-grab"}
C.allowSlideClick=!0,C.allowLinks=!0;
var W,X,Y,Z=!1,$=!0;
C.swipeNext=function(a){
!a&&b.loop&&C.fixLoop(),!a&&b.autoplay&&C.stopAutoplay(!0),C.callPlugins("onSwipeNext");
var c=C.getWrapperTranslate(),d=c;
if("auto"===b.slidesPerView){
for(var f=0;
f<C.snapGrid.length;
f++)if(-c>=C.snapGrid[f]&&-c<C.snapGrid[f+1]){
d=-C.snapGrid[f+1];
break}
}
else{
var g=E*b.slidesPerGroup;
d=-(Math.floor(Math.abs(c)/Math.floor(g))*g+g)}
return d<-e()&&(d=-e()),d===c?!1:(u(d,"next"),!0)}
,C.swipePrev=function(a){
!a&&b.loop&&C.fixLoop(),!a&&b.autoplay&&C.stopAutoplay(!0),C.callPlugins("onSwipePrev");
var c,d=Math.ceil(C.getWrapperTranslate());
if("auto"===b.slidesPerView){
c=0;
for(var e=1;
e<C.snapGrid.length;
e++){
if(-d===C.snapGrid[e]){
c=-C.snapGrid[e-1];
break}
if(-d>C.snapGrid[e]&&-d<C.snapGrid[e+1]){
c=-C.snapGrid[e];
break}
}
}
else{
var f=E*b.slidesPerGroup;
c=-(Math.ceil(-d/f)-1)*f}
return c>0&&(c=0),c===d?!1:(u(c,"prev"),!0)}
,C.swipeReset=function(){
C.callPlugins("onSwipeReset");
{
var a,c=C.getWrapperTranslate(),d=E*b.slidesPerGroup;
-e()}
if("auto"===b.slidesPerView){
a=0;
for(var f=0;
f<C.snapGrid.length;
f++){
if(-c===C.snapGrid[f])return;
if(-c>=C.snapGrid[f]&&-c<C.snapGrid[f+1]){
a=C.positions.diff>0?-C.snapGrid[f+1]:-C.snapGrid[f];
break}
}
-c>=C.snapGrid[C.snapGrid.length-1]&&(a=-C.snapGrid[C.snapGrid.length-1]),c<=-e()&&(a=-e())}
else a=0>c?Math.round(c/d)*d:0,c<=-e()&&(a=-e());
return b.scrollContainer&&(a=0>c?c:0),a<-e()&&(a=-e()),b.scrollContainer&&I>E&&(a=0),a===c?!1:(u(a,"reset"),!0)}
,C.swipeTo=function(a,c,d){
a=parseInt(a,10),C.callPlugins("onSwipeTo",{
index:a,speed:c}
),b.loop&&(a+=C.loopedSlides);
var f=C.getWrapperTranslate();
if(!(a>C.slides.length-1||0>a)){
var g;
return g="auto"===b.slidesPerView?-C.slidesGrid[a]:-a*E,g<-e()&&(g=-e()),g===f?!1:(d=d===!1?!1:!0,u(g,"to",{
index:a,speed:c,runCallbacks:d}
),!0)}
}
,C._queueStartCallbacks=!1,C._queueEndCallbacks=!1,C.updateActiveSlide=function(a){
if(C.initialized&&0!==C.slides.length){
C.previousIndex=C.activeIndex,"undefined"==typeof a&&(a=C.getWrapperTranslate()),a>0&&(a=0);
var c;
if("auto"===b.slidesPerView){
if(C.activeIndex=C.slidesGrid.indexOf(-a),C.activeIndex<0){
for(c=0;
c<C.slidesGrid.length-1&&!(-a>C.slidesGrid[c]&&-a<C.slidesGrid[c+1]);
c++);
var d=Math.abs(C.slidesGrid[c]+a),e=Math.abs(C.slidesGrid[c+1]+a);
C.activeIndex=e>=d?c:c+1}
}
else C.activeIndex=Math[b.visibilityFullFit?"ceil":"round"](-a/E);
if(C.activeIndex===C.slides.length&&(C.activeIndex=C.slides.length-1),C.activeIndex<0&&(C.activeIndex=0),C.slides[C.activeIndex]){
if(C.calcVisibleSlides(a),C.support.classList){
var f;
for(c=0;
c<C.slides.length;
c++)f=C.slides[c],f.classList.remove(b.slideActiveClass),C.visibleSlides.indexOf(f)>=0?f.classList.add(b.slideVisibleClass):f.classList.remove(b.slideVisibleClass);
C.slides[C.activeIndex].classList.add(b.slideActiveClass)}
else{
var g=new RegExp("\\s*"+b.slideActiveClass),h=new RegExp("\\s*"+b.slideVisibleClass);
for(c=0;
c<C.slides.length;
c++)C.slides[c].className=C.slides[c].className.replace(g,"").replace(h,""),C.visibleSlides.indexOf(C.slides[c])>=0&&(C.slides[c].className+=" "+b.slideVisibleClass);
C.slides[C.activeIndex].className+=" "+b.slideActiveClass}
if(b.loop){
var i=C.loopedSlides;
C.activeLoopIndex=C.activeIndex-i,C.activeLoopIndex>=C.slides.length-2*i&&(C.activeLoopIndex=C.slides.length-2*i-C.activeLoopIndex),C.activeLoopIndex<0&&(C.activeLoopIndex=C.slides.length-2*i+C.activeLoopIndex),C.activeLoopIndex<0&&(C.activeLoopIndex=0)}
else C.activeLoopIndex=C.activeIndex;
b.pagination&&C.updatePagination(a)}
}
}
,C.createPagination=function(a){
if(b.paginationClickable&&C.paginationButtons&&w(),C.paginationContainer=b.pagination.nodeType?b.pagination:c(b.pagination)[0],b.createPagination){
var d="",e=C.slides.length,f=e;
b.loop&&(f-=2*C.loopedSlides);
for(var g=0;
f>g;
g++)d+="<"+b.paginationElement+' class="'+b.paginationElementClass+'"></'+b.paginationElement+">";
C.paginationContainer.innerHTML=d}
C.paginationButtons=c("."+b.paginationElementClass,C.paginationContainer),a||C.updatePagination(),C.callPlugins("onCreatePagination"),b.paginationClickable&&x()}
,C.updatePagination=function(a){
if(b.pagination&&!(C.slides.length<1)){
var d=c("."+b.paginationActiveClass,C.paginationContainer);
if(d){
var e=C.paginationButtons;
if(0!==e.length){
for(var f=0;
f<e.length;
f++)e[f].className=b.paginationElementClass;
var g=b.loop?C.loopedSlides:0;
if(b.paginationAsRange){
C.visibleSlides||C.calcVisibleSlides(a);
var h,i=[];
for(h=0;
h<C.visibleSlides.length;
h++){
var j=C.slides.indexOf(C.visibleSlides[h])-g;
b.loop&&0>j&&(j=C.slides.length-2*C.loopedSlides+j),b.loop&&j>=C.slides.length-2*C.loopedSlides&&(j=C.slides.length-2*C.loopedSlides-j,j=Math.abs(j)),i.push(j)}
for(h=0;
h<i.length;
h++)e[i[h]]&&(e[i[h]].className+=" "+b.paginationVisibleClass);
b.loop?void 0!==e[C.activeLoopIndex]&&(e[C.activeLoopIndex].className+=" "+b.paginationActiveClass):e[C.activeIndex].className+=" "+b.paginationActiveClass}
else b.loop?e[C.activeLoopIndex]&&(e[C.activeLoopIndex].className+=" "+b.paginationActiveClass+" "+b.paginationVisibleClass):e[C.activeIndex].className+=" "+b.paginationActiveClass+" "+b.paginationVisibleClass}
}
}
}
,C.calcVisibleSlides=function(a){
var c=[],d=0,e=0,f=0;
M&&C.wrapperLeft>0&&(a+=C.wrapperLeft),!M&&C.wrapperTop>0&&(a+=C.wrapperTop);
for(var g=0;
g<C.slides.length;
g++){
d+=e,e="auto"===b.slidesPerView?M?C.h.getWidth(C.slides[g],!0,b.roundLengths):C.h.getHeight(C.slides[g],!0,b.roundLengths):E,f=d+e;
var h=!1;
b.visibilityFullFit?(d>=-a&&-a+I>=f&&(h=!0),-a>=d&&f>=-a+I&&(h=!0)):(f>-a&&-a+I>=f&&(h=!0),d>=-a&&-a+I>d&&(h=!0),-a>d&&f>-a+I&&(h=!0)),h&&c.push(C.slides[g])}
0===c.length&&(c=[C.slides[C.activeIndex]]),C.visibleSlides=c}
;
var _,ab;
C.startAutoplay=function(){
if(C.support.transitions){
if("undefined"!=typeof _)return!1;
if(!b.autoplay)return;
C.callPlugins("onAutoplayStart"),b.onAutoplayStart&&C.fireCallback(b.onAutoplayStart,C),z()}
else{
if("undefined"!=typeof ab)return!1;
if(!b.autoplay)return;
C.callPlugins("onAutoplayStart"),b.onAutoplayStart&&C.fireCallback(b.onAutoplayStart,C),ab=setInterval(function(){
b.loop?(C.fixLoop(),C.swipeNext(!0)):C.swipeNext(!0)||(b.autoplayStopOnLast?(clearInterval(ab),ab=void 0):C.swipeTo(0))}
,b.autoplay)}
}
,C.stopAutoplay=function(a){
if(C.support.transitions){
if(!_)return;
_&&clearTimeout(_),_=void 0,a&&!b.autoplayDisableOnInteraction&&C.wrapperTransitionEnd(function(){
z()}
),C.callPlugins("onAutoplayStop"),b.onAutoplayStop&&C.fireCallback(b.onAutoplayStop,C)}
else ab&&clearInterval(ab),ab=void 0,C.callPlugins("onAutoplayStop"),b.onAutoplayStop&&C.fireCallback(b.onAutoplayStop,C)}
,C.loopCreated=!1,C.removeLoopedSlides=function(){
if(C.loopCreated)for(var a=0;
a<C.slides.length;
a++)C.slides[a].getData("looped")===!0&&C.wrapper.removeChild(C.slides[a])}
,C.createLoop=function(){
if(0!==C.slides.length){
C.loopedSlides="auto"===b.slidesPerView?b.loopedSlides||1:b.slidesPerView+b.loopAdditionalSlides,C.loopedSlides>C.slides.length&&(C.loopedSlides=C.slides.length);
var a,c="",d="",e="",f=C.slides.length,g=Math.floor(C.loopedSlides/f),h=C.loopedSlides%f;
for(a=0;
g*f>a;
a++){
var i=a;
if(a>=f){
var j=Math.floor(a/f);
i=a-f*j}
e+=C.slides[i].outerHTML}
for(a=0;
h>a;
a++)d+=t(b.slideDuplicateClass,C.slides[a].outerHTML);
for(a=f-h;
f>a;
a++)c+=t(b.slideDuplicateClass,C.slides[a].outerHTML);
var k=c+e+D.innerHTML+e+d;
for(D.innerHTML=k,C.loopCreated=!0,C.calcSlides(),a=0;
a<C.slides.length;
a++)(a<C.loopedSlides||a>=C.slides.length-C.loopedSlides)&&C.slides[a].setData("looped",!0);
C.callPlugins("onCreateLoop")}
}
,C.fixLoop=function(){
var a;
C.activeIndex<C.loopedSlides?(a=C.slides.length-3*C.loopedSlides+C.activeIndex,C.swipeTo(a,0,!1)):("auto"===b.slidesPerView&&C.activeIndex>=2*C.loopedSlides||C.activeIndex>C.slides.length-2*b.slidesPerView)&&(a=-C.slides.length+C.activeIndex+C.loopedSlides,C.swipeTo(a,0,!1))}
,C.loadSlides=function(){
var a="";
C.activeLoaderIndex=0;
for(var c=b.loader.slides,d=b.loader.loadAllSlides?c.length:b.slidesPerView*(1+b.loader.surroundGroups),e=0;
d>e;
e++)a+="outer"===b.loader.slidesHTMLType?c[e]:"<"+b.slideElement+' class="'+b.slideClass+'" data-swiperindex="'+e+'">'+c[e]+"</"+b.slideElement+">";
C.wrapper.innerHTML=a,C.calcSlides(!0),b.loader.loadAllSlides||C.wrapperTransitionEnd(C.reloadSlides,!0)}
,C.reloadSlides=function(){
var a=b.loader.slides,c=parseInt(C.activeSlide().data("swiperindex"),10);
if(!(0>c||c>a.length-1)){
C.activeLoaderIndex=c;
var d=Math.max(0,c-b.slidesPerView*b.loader.surroundGroups),e=Math.min(c+b.slidesPerView*(1+b.loader.surroundGroups)-1,a.length-1);
if(c>0){
var f=-E*(c-d);
C.setWrapperTranslate(f),C.setWrapperTransition(0)}
var g;
if("reload"===b.loader.logic){
C.wrapper.innerHTML="";
var h="";
for(g=d;
e>=g;
g++)h+="outer"===b.loader.slidesHTMLType?a[g]:"<"+b.slideElement+' class="'+b.slideClass+'" data-swiperindex="'+g+'">'+a[g]+"</"+b.slideElement+">";
C.wrapper.innerHTML=h}
else{
var i=1e3,j=0;
for(g=0;
g<C.slides.length;
g++){
var k=C.slides[g].data("swiperindex");
d>k||k>e?C.wrapper.removeChild(C.slides[g]):(i=Math.min(k,i),j=Math.max(k,j))}
for(g=d;
e>=g;
g++){
var l;
i>g&&(l=document.createElement(b.slideElement),l.className=b.slideClass,l.setAttribute("data-swiperindex",g),l.innerHTML=a[g],C.wrapper.insertBefore(l,C.wrapper.firstChild)),g>j&&(l=document.createElement(b.slideElement),l.className=b.slideClass,l.setAttribute("data-swiperindex",g),l.innerHTML=a[g],C.wrapper.appendChild(l))}
}
C.reInit(!0)}
}
,A()}
}
;
Swiper.prototype={
plugins:{
}
,wrapperTransitionEnd:function(a,b){
"use strict";
function c(h){
if(h.target===f&&(a(e),e.params.queueEndCallbacks&&(e._queueEndCallbacks=!1),!b))for(d=0;
d<g.length;
d++)e.h.removeEventListener(f,g[d],c)}
var d,e=this,f=e.wrapper,g=["webkitTransitionEnd","transitionend","oTransitionEnd","MSTransitionEnd","msTransitionEnd"];
if(a)for(d=0;
d<g.length;
d++)e.h.addEventListener(f,g[d],c)}
,getWrapperTranslate:function(a){
"use strict";
var b,c,d,e,f=this.wrapper;
return"undefined"==typeof a&&(a="horizontal"===this.params.mode?"x":"y"),this.support.transforms&&this.params.useCSS3Transforms?(d=window.getComputedStyle(f,null),window.WebKitCSSMatrix?e=new WebKitCSSMatrix("none"===d.webkitTransform?"":d.webkitTransform):(e=d.MozTransform||d.OTransform||d.MsTransform||d.msTransform||d.transform||d.getPropertyValue("transform").replace("translate(","matrix(1,0,0,1,"),b=e.toString().split(",")),"x"===a&&(c=window.WebKitCSSMatrix?e.m41:parseFloat(16===b.length?b[12]:b[4])),"y"===a&&(c=window.WebKitCSSMatrix?e.m42:parseFloat(16===b.length?b[13]:b[5]))):("x"===a&&(c=parseFloat(f.style.left,10)||0),"y"===a&&(c=parseFloat(f.style.top,10)||0)),c||0}
,setWrapperTranslate:function(a,b,c){
"use strict";
var d,e=this.wrapper.style,f={
x:0,y:0,z:0}
;
3===arguments.length?(f.x=a,f.y=b,f.z=c):("undefined"==typeof b&&(b="horizontal"===this.params.mode?"x":"y"),f[b]=a),this.support.transforms&&this.params.useCSS3Transforms?(d=this.support.transforms3d?"translate3d("+f.x+"px,"+f.y+"px,"+f.z+"px)":"translate("+f.x+"px,"+f.y+"px)",e.webkitTransform=e.MsTransform=e.msTransform=e.MozTransform=e.OTransform=e.transform=d):(e.left=f.x+"px",e.top=f.y+"px"),this.callPlugins("onSetWrapperTransform",f),this.params.onSetWrapperTransform&&this.fireCallback(this.params.onSetWrapperTransform,this,f)}
,setWrapperTransition:function(a){
"use strict";
var b=this.wrapper.style;
b.webkitTransitionDuration=b.MsTransitionDuration=b.msTransitionDuration=b.MozTransitionDuration=b.OTransitionDuration=b.transitionDuration=a/1e3+"s",this.callPlugins("onSetWrapperTransition",{
duration:a}
),this.params.onSetWrapperTransition&&this.fireCallback(this.params.onSetWrapperTransition,this,a)}
,h:{
getWidth:function(a,b,c){
"use strict";
var d=window.getComputedStyle(a,null).getPropertyValue("width"),e=parseFloat(d);
return(isNaN(e)||d.indexOf("%")>0||0>e)&&(e=a.offsetWidth-parseFloat(window.getComputedStyle(a,null).getPropertyValue("padding-left"))-parseFloat(window.getComputedStyle(a,null).getPropertyValue("padding-right"))),b&&(e+=parseFloat(window.getComputedStyle(a,null).getPropertyValue("padding-left"))+parseFloat(window.getComputedStyle(a,null).getPropertyValue("padding-right"))),c?Math.ceil(e):e}
,getHeight:function(a,b,c){
"use strict";
if(b)return a.offsetHeight;
var d=window.getComputedStyle(a,null).getPropertyValue("height"),e=parseFloat(d);
return(isNaN(e)||d.indexOf("%")>0||0>e)&&(e=a.offsetHeight-parseFloat(window.getComputedStyle(a,null).getPropertyValue("padding-top"))-parseFloat(window.getComputedStyle(a,null).getPropertyValue("padding-bottom"))),b&&(e+=parseFloat(window.getComputedStyle(a,null).getPropertyValue("padding-top"))+parseFloat(window.getComputedStyle(a,null).getPropertyValue("padding-bottom"))),c?Math.ceil(e):e}
,getOffset:function(a){
"use strict";
var b=a.getBoundingClientRect(),c=document.body,d=a.clientTop||c.clientTop||0,e=a.clientLeft||c.clientLeft||0,f=window.pageYOffset||a.scrollTop,g=window.pageXOffset||a.scrollLeft;
return document.documentElement&&!window.pageYOffset&&(f=document.documentElement.scrollTop,g=document.documentElement.scrollLeft),{
top:b.top+f-d,left:b.left+g-e}
}
,windowWidth:function(){
"use strict";
return window.innerWidth?window.innerWidth:document.documentElement&&document.documentElement.clientWidth?document.documentElement.clientWidth:void 0}
,windowHeight:function(){
"use strict";
return window.innerHeight?window.innerHeight:document.documentElement&&document.documentElement.clientHeight?document.documentElement.clientHeight:void 0}
,windowScroll:function(){
"use strict";
return"undefined"!=typeof pageYOffset?{
left:window.pageXOffset,top:window.pageYOffset}
:document.documentElement?{
left:document.documentElement.scrollLeft,top:document.documentElement.scrollTop}
:void 0}
,addEventListener:function(a,b,c,d){
"use strict";
"undefined"==typeof d&&(d=!1),a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)}
,removeEventListener:function(a,b,c,d){
"use strict";
"undefined"==typeof d&&(d=!1),a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)}
}
,setTransform:function(a,b){
"use strict";
var c=a.style;
c.webkitTransform=c.MsTransform=c.msTransform=c.MozTransform=c.OTransform=c.transform=b}
,setTranslate:function(a,b){
"use strict";
var c=a.style,d={
x:b.x||0,y:b.y||0,z:b.z||0}
,e=this.support.transforms3d?"translate3d("+d.x+"px,"+d.y+"px,"+d.z+"px)":"translate("+d.x+"px,"+d.y+"px)";
c.webkitTransform=c.MsTransform=c.msTransform=c.MozTransform=c.OTransform=c.transform=e,this.support.transforms||(c.left=d.x+"px",c.top=d.y+"px")}
,setTransition:function(a,b){
"use strict";
var c=a.style;
c.webkitTransitionDuration=c.MsTransitionDuration=c.msTransitionDuration=c.MozTransitionDuration=c.OTransitionDuration=c.transitionDuration=b+"ms"}
,support:{
touch:window.Modernizr&&Modernizr.touch===!0||function(){
"use strict";
return!!("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch)}
(),transforms3d:window.Modernizr&&Modernizr.csstransforms3d===!0||function(){
"use strict";
var a=document.createElement("div").style;
return"webkitPerspective"in a||"MozPerspective"in a||"OPerspective"in a||"MsPerspective"in a||"perspective"in a}
(),transforms:window.Modernizr&&Modernizr.csstransforms===!0||function(){
"use strict";
var a=document.createElement("div").style;
return"transform"in a||"WebkitTransform"in a||"MozTransform"in a||"msTransform"in a||"MsTransform"in a||"OTransform"in a}
(),transitions:window.Modernizr&&Modernizr.csstransitions===!0||function(){
"use strict";
var a=document.createElement("div").style;
return"transition"in a||"WebkitTransition"in a||"MozTransition"in a||"msTransition"in a||"MsTransition"in a||"OTransition"in a}
(),classList:function(){
"use strict";
var a=document.createElement("div");
return"classList"in a}
()}
,browser:{
ie8:function(){
"use strict";
var a=-1;
if("Microsoft Internet Explorer"===navigator.appName){
var b=navigator.userAgent,c=new RegExp(/MSIE ([0-9]{
1,}
[\.0-9]{
0,}
)/);
null!==c.exec(b)&&(a=parseFloat(RegExp.$1))}
return-1!==a&&9>a}
(),ie10:window.navigator.msPointerEnabled,ie11:window.navigator.pointerEnabled}
}
,(window.jQuery||window.Zepto)&&!function(a){
"use strict";
a.fn.swiper=function(b){
var c;
return this.each(function(d){
var e=a(this);
if(!e.data("swiper")){
var f=new Swiper(e[0],b);
d||(c=f),e.data("swiper",f)}
}
),c}
}
(window.jQuery||window.Zepto),"undefined"!=typeof module&&(module.exports=Swiper),"function"==typeof define&&define.amd&&define([],function(){
"use strict";
return Swiper}
);
CSS代码(idangerous.swiper.css):
/* * Swiper 2.7.0 * Mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/sliders/swiper/ * * Copyright 2010-2014,Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under GPL & MIT * * Released on:August 30,2014*/
/* ===============================================================Basic Swiper Styles================================================================*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */
z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}
/* ===============================================================Your custom styles,here you need to specify container's and slide'ssizes,pagination,etc.================================================================*/
.swiper-container{/* Specify Swiper's Size:*/
/*width:200px;height:100px;*/
}
.swiper-slide{/* Specify Slides's Size:*/
/*width:100%;height:100%;*/
}
.swiper-slide-active{/* Specific active slide styling:*/
}
.swiper-slide-visible{/* Specific visible slide styling:*/
}
/* ===============================================================Pagination Styles================================================================*/
.swiper-pagination-switch{/* Stylize pagination button:*/
}
.swiper-active-switch{/* Specific active button style:*/
}
.swiper-visible-switch{/* Specific visible button style:*/
}
分享到QQ
分享到微博
微信扫一扫
