|
var mySwiper= new Swiper('#swiper-container-v',{
direction: 'vertical', //horizontal vertical
speed:800,//
mousewheelControl : true,//允许鼠标
onSlideChangeEnd: function(swiper){
swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
if(swiper.activeIndex==6){
$('.arrow-box').show();
}
if(swiper.activeIndex==7){
$('.arrow-box').hide();
}
},
onInit:function(swiper){
fixPagesHeight('#swiper-container-v');//调用加载屏幕高度
swiperAnimateCache(swiper); //隐藏动画元素
swiperAnimate(swiper); //初始化完成开始动画
}
});
var mySwiper= new Swiper('#swiper-page1',{
direction: 'horizontal',
speed:800,
//pagination: '#swiper-pagination1',
onSlideChangeEnd: function(swiper){
swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
},
onInit:function(swiper){
fixPagesHeight('#swiper-page1');//调用加载屏幕高度
//swiperAnimateCache(swiper); //隐藏动画元素
//swiperAnimate(swiper); //初始化完成开始动画
}
});
嵌套之后动画并不能很好的执行。尤其是横着的第二页 动画总是不执行,很郁闷
|
|