Swiper中文论坛

标题: 如何定位到指定的页slider [打印本页]

作者: lyx060204 时间: 2015-6-23 10:17
标题: 如何定位到指定的页slider
我初始化了：
var mySwiper_all = new Swiper('.swiper-container-all', {
direction : 'vertical',
onInit: function(swiper){
         swiperAnimateCache(swiper);
swiperAnimate(swiper);
},
onSlideChangeEnd: function(swiper){
swiperAnimate(swiper);
}
});

一共有 10 个 swiper-slide ，比如我第5 个 swiper-slide  中有一个按钮，点击后，直接跳到第 8 个 swiper-slide，如何做？

我这样不行  mySwiper_all.params.initialSlide=7;

作者: lyx060204 时间: 2015-6-23 10:24
晕死，找到了API：
滑动到到指定滑块。
mySwiper.slideTo(index, speed, runCallbacks)
index:必选，num，指定将要切换到的slide的索引，第一个为0
speed:可选，num(单位ms)，切换速度
runCallbacks:可选，boolean，设置为false时不会触发onSlideChange回调函数。

mySwiper.slideTo(0, 1000, false);

作者: lyx060204 时间: 2015-6-23 10:30
问题来了 mySwiper.slideTo(7, 0, false); 第八页有动画的元素不见了。。。
<section class="swiper-slide">
<div class="ani title" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.2s" swiper-animate-delay="0"><img src="images/5_title.png"/></div>
<img src="images/5_pic_1.png" class="ani" style="width:48.13%; height:36.62%; position:absolute; left:0; top:20.25%;" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="0.2s"/>
<img src="images/5_txt_1.png" style="width:53.13%; height:28.35%; position:absolute; left:38.75%; top:20.25%;"/>
</section>

swiper-slide 里面的 div 和 <img src="images/5_pic_1.png" 不见了。。。。

作者: zhoufengyu 时间: 2015-6-23 12:09
学习了...............

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)