Slick Slider 显示溢出，隐藏幻灯片

Question

我的滑块有 8 张无限循环的幻灯片。每张幻灯片都有一个溢出幻灯片的图像，所以我将溢出设置为可见。现在显示所有幻灯片，但我只想一次显示 4 张幻灯片。

是否可以隐藏除前 4 张幻灯片之外的所有幻灯片，然后在滚动时显示或隐藏下一张或上一张？这样总是只有四张幻灯片显示？

Answer 1

仅显示带有 slick-active class 的幻灯片并隐藏其余部分。

.slick-slide {
  opacity: 0;
  visibility: hidden;
}

.slick-slide.slick-active {
  opacity: 1;
  visibility: visible;
}