Slick Slider Show Overflow, Скрыть слайды

Question

Мой слайдер имеет 8 слайдов с бесконечным циклом. У каждого слайда есть изображение, которое переполняет слайд, поэтому я установил его для видимого. Все слайды показываются сейчас, но я хочу показывать только 4 слайда одновременно.

Можно ли скрыть все слайды, кроме первых 4 слайдов, а затем показать или скрыть следующий или предыдущий при прокрутке? Таким образом, всегда будут отображаться только четыре слайда?

Answer 1

Показать только слайды с классом slick-active и скрыть остальные.

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

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