我的滑块有8个带有无限循环的幻灯片。每张幻灯片都有一张使幻灯片溢出的图像,因此我将溢出设置为可见。现在显示所有幻灯片,但我一次只想显示4张幻灯片。
是否可以隐藏除前四张幻灯片以外的所有幻灯片,然后在滚动时显示或隐藏下一张或上一张?这样一来,总只会显示四张幻灯片?
答案 0 :(得分:0)
仅显示具有slick-active
类的幻灯片,并隐藏其余的幻灯片。
.slick-slide {
opacity: 0;
visibility: hidden;
}
.slick-slide.slick-active {
opacity: 1;
visibility: visible;
}