[英]Swiper - moving slides
I'm using Swiper plugin from https://idangero.us/swiper/api/ . 我正在使用https://idangero.us/swiper/api/中的 Swiper插件。 I have 20 items in Swiper, 10 items per slide in two rows.
我在Swiper中有20个项目,每个幻灯片有两个项目。
When I click in pagination bullet next to active bullet, it moves only one column of items to the right. 当我单击活动项目符号旁边的分页项目符号时,它只向右移动一列项目。 I need to have two bullets only in pagination, so how to set moving 10 items per one slide?
我只需要在分页中有两个子弹,那么如何设置每个幻灯片移动10个项目?
$(document).ready(function() {
new Swiper(".clients-swiper-container", {
pagination: ".swiper-pagination-clients",
paginationClickable: true,
slideToClickedSlide: true,
slidesPerView: 5,
slidesPerColumn: 2,
spaceBetween: 20,
nextButton: ".swiper-button-next3",
prevButton: ".swiper-button-prev3"
})
})
Add property to your JS: 添加属性到你的JS:
slidesPerGroup: 5,
Here is jsfiddle: http://jsfiddle.net/Dinty/0uwyzdse/5/ 这是jsfiddle: http : //jsfiddle.net/Dinty/0uwyzdse/5/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.