我想使用Swiper滑块创建5x3幻灯片网格,因此每页15张幻灯片。
var swiper = new Swiper('.swiper-container', {
slidesPerView: 5,
slidesPerColumn: 3,
spaceBetween: 30
});
如果我正好有15张幻灯片,则配置是我期望的:
Slide 1 Slide 4 Slide 7 Slide 10 Slide 13
Slide 2 Slide 5 Slide 8 Slide 11 Slide 14
Slide 3 Slide 6 Slide 9 Slide 12 Slide 15
如果我尝试保留相同的网格设置但删除2张幻灯片(总共13张幻灯片),则会发生以下情况:
Slide 1 Slide 4 Slide 7 Slide 10 Slide 13
Slide 2 Slide 5 Slide 8 Slide 11 Slide 3
Slide 6 Slide 9 Slide 12
为什么出现这种奇怪的倾向?这是我在这种情况下期望的结果:
Slide 1 Slide 4 Slide 7 Slide 10 Slide 13
Slide 2 Slide 5 Slide 8 Slide 11
Slide 3 Slide 6 Slide 9 Slide 12
This is a Pen with this strange behaviour
谢谢。