如何使用flicikity滑块设置每页的图像计数

Question

我在主页上使用flicikity滑块。我的问题是，我不能设置每页超过4个图像。

我完整地阅读了这份文件。我找不到完美的答案。

我用过siema软件包，有一个选项叫"perPage:1"，这个选项解决了我的问题。但没有这样的选择。此外，我还尝试了一些CSS技巧，比如reducewidth&height大小。但是没有用。

Answer 1

我认为他们会自动在每个div上添加滑块在这里查看代码笔解决方案：

HTML

<div class="carousel"
data-flickity='{ "wrapAround": true }'>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
</div>

CSS

* { box-sizing: border-box; }
body { font-family: sans-serif; }
.carousel {
background: #EEE;
}
.carousel-cell {
width: 66%;
height: 200px;
margin-right: 10px;
background: #8C8;
border-radius: 5px;
counter-increment: carousel-cell;
}

.carousel-cell:before {
display: block;
text-align: center;
content: counter(carousel-cell);
line-height: 200px;
font-size: 80px;
color: white;
}