滑动器-移动幻灯片

Question

我正在使用https://idangero.us/swiper/api/中的Swiper插件。 我在Swiper中有20个项目，每张幻灯片两行有10个项目。

当我单击活动项目符号旁边的分页项目符号时，它仅将项目的一列向右移动。我只需要在分页中有两颗子弹，那么如何设置每张幻灯片可移动的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"
  })
})

Answer 1

向您的JS添加属性：

slidesPerGroup: 5,

这是jsfiddle：http://jsfiddle.net/Dinty/0uwyzdse/5/