滑动:强制滑块移动3张幻灯片并在行中渲染幻灯片

时间:2020-10-13 11:33:23

标签: javascript slider swiper

我目前正在使用3x2滑动器,我希望它从左到右而不是从上到下呈现幻灯片。

我当前的配置如下:

    var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      slidesPerView: 3,
      slidesPerColumn: 2,
      slidesPerGroup: 3,
      slidesPerColumnFill: 'row',
    });

对于6个元素,它可以正常工作:

A | B | C
D | E | F

当元素更多时,问题就开始了。然后,单击下一个箭头后,滑动器前进仅1列,而不是3列,并且元素按列进行排序。

点击下一个箭头后的实际行为:

B | C | G
E | F | H

即使第二行是空的,我也希望按行对幻灯片进行排序,所以:

G | H | I
J |   |  

这有可能实现吗?感谢您的帮助!

0 个答案:

没有答案