|
@@ -4,10 +4,8 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
|
<link href="/wxrssset/style.css" rel="stylesheet">
|
|
|
<link href="/swiper/swiper.min.css" rel="stylesheet">
|
|
|
-<link href="/swiper/animate.min.css" rel="stylesheet">
|
|
|
<script src="/js/jquery.js"></script>
|
|
|
<script src="/swiper/swiper.min.js"></script>
|
|
|
-<script src="/swiper/swiper.animate.min.js"></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="swiper-container">
|
|
@@ -41,37 +39,28 @@ $(function(){
|
|
|
var mySwiper = new Swiper('.swiper-container', {
|
|
|
pagination: '.swiper-pagination',
|
|
|
paginationClickable: true,
|
|
|
- loop: true,
|
|
|
direction: 'vertical',
|
|
|
touchMoveStopPropagation: false,
|
|
|
- virtualTranslate: false,
|
|
|
- onSlideNextStart: function(swiper){
|
|
|
-
|
|
|
- },
|
|
|
- onSlidePrevEnd: function(swiper){
|
|
|
- },
|
|
|
- onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
|
|
|
- //swiperAnimateCache(swiper); //隐藏动画元素
|
|
|
- //swiperAnimate(swiper); //初始化完成开始动画
|
|
|
-
|
|
|
- },
|
|
|
+ virtualTranslate: true,
|
|
|
onSlideChangeStart: function(swiper){
|
|
|
- /*console.info(currentIndex+"--------"+swiper.activeIndex);
|
|
|
+ var prevSlide = $(swiper.slides[swiper.previousIndex]);
|
|
|
+ prevSlide.addClass("slide-active");
|
|
|
+ var activeSlide = $(swiper.slides[swiper.activeIndex]);
|
|
|
if(currentIndex > swiper.activeIndex){
|
|
|
- $(swiper.slides[swiper.activeIndex]).addClass("slide-down");
|
|
|
+ activeSlide.addClass("slide-down");
|
|
|
}else if(currentIndex < swiper.activeIndex){
|
|
|
- $(swiper.slides[swiper.activeIndex]).addClass("slide-up");
|
|
|
+ activeSlide.addClass("slide-up");
|
|
|
}
|
|
|
- currentIndex = swiper.activeIndex-1;
|
|
|
- $(swiper.slides[currentIndex]).one("webkitAnimationEnd",function(){
|
|
|
- //$(this).removeClass("slide-up").removeClass("slide-down");
|
|
|
- });*/
|
|
|
+ currentIndex = swiper.activeIndex;
|
|
|
+ activeSlide.one("webkitAnimationEnd",function(){
|
|
|
+ $(this).removeClass("slide-up").removeClass("slide-down");
|
|
|
+ prevSlide.removeClass("slide-active");
|
|
|
+ });
|
|
|
},
|
|
|
- onSlideChangeEnd: function(swiper){
|
|
|
- //swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
|
|
|
- },
|
|
|
onSliderMove: function(swiper, event){
|
|
|
-
|
|
|
+ if(swiper.isEnd && (swiper.touches.currentX - swiper.touches.startX) > 20) {
|
|
|
+ window.location.href = "/swordfish/page";
|
|
|
+ }
|
|
|
}
|
|
|
});
|
|
|
var imgHeight = 604;
|