Question

swiper自动轮换问题 急

swiper 轮换图怎么设置每3秒换一个图？

Answer 1

swiper初始化参数里面有个属性auto，设置这个值，单位毫秒即可。

swiper如何跳转到指定页：

解决方法一

如果是在pc端，我们想切换到第三页，我们可以直接点击底部的第三个小圆圈，那我们想点击按钮跳到“第三页”，我们直接模拟点击第三个小圆圈不就可以了。于是可以这样写：$('.swiper-pagination span').eq(2).trigger('click');

解决方法二

swiper本身就是很强大的插件，也提供有专门的跳转指定页面方法。所以也可以这样写：swiper.slideTo(3, 1000, false);slideTo方法有三个参数：

第一个参数是指定切换到某一页的索引；

第二个参数是切换速度；

第三个参数是布尔值，表示是否要触发onSlideChange回调函数；

Answer 2

swiper初始化参数里面有个属性auto，设置这个值，单位毫秒

追问

设置了不起作用，能不能写个例子
var mySwiper = new Swiper('.swiper-container',{
pagination: '.pagination',
loop:false,
grabCursor: true,
paginationClickable: true
})

追答

var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    loop:false,
    grabCursor: true,
    paginationClickable: true,
    autoplay: 3000
});

 

不好意思，我找错你给的组件了，我刚重新看了下Swiper组件的API，是autoplay

autoplay    number    delay between transitions (in ms). If this parameter is not specified, auto play will be disabled    

Answer 3

autoplay: 3000,

自动切换时间（单位ms），就是多长时间自动切换一次，参数没有指定的情况下，不生效，（补充：默认当用户操作后autoplay失效，参考基本选项autoplayDisableOnInteraction）

参考：http://www.swiper.com.cn/api/basic/2014/1213/16.html

Answer 4

我是用的delay属性设置的，在初始化的时候设置delay:3000