swiper自动轮换问题 急

Posted 2023-04-19

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

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

swiper如何跳转到指定页：

解决方法一

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

解决方法二

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

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

第二个参数是切换速度；

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

参考技术A 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    

本回答被提问者采纳 参考技术B autoplay: 3000,

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

参考：http://www.swiper.com.cn/api/basic/2014/1213/16.html 参考技术C 我是用的delay属性设置的，在初始化的时候设置delay:3000

求助：swiper轮播图插件设置 slidesPerColumn之后顺序的问题

一共有9个slide，slidesPerView为3，slidesPerGroup 为3，把slidesPerColumn设置成2，它的展示格式是以：123|45678|9，但是我想要的是123|789456|这样的形式，要怎么设置附件是目前展示形式，求高人解答，急

参考技术A 你如果设置了slidesPerview就需要为loopedSlides设置一个值。示例：

loop : true,

slidesPerView : 'auto',

loopedSlides :8,

Swiper 是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，以及PC端网站。

Javascript，一种高级编程语言，通过解释执行，是一门动态类型，面向对象（基于原型）的直译语言。它已经由欧洲电脑制造商协会通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、FireFox等）支持。

JavaScript是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。

它提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。