光滑的滑块显示溢出，隐藏幻灯片

Question

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

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

Answer 1

仅显示具有slick-active类的幻灯片，并隐藏其余的幻灯片。

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

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