光滑的旋转木马 - 没有多余幻灯片的centerMode

Question

我想制作幻灯片（使用Slick.js）， 根据图片，我想制作centerMode:true和focusOnSelect:true ...

但问题是会有两次过度滑动（左右）。如何删除它们？

我已尝试将centerMode设置为false。没有多余的幻灯片，但选定的幻灯片将位于最左侧。因此，将centerMode设置为true非常重要，因为我想将选定的幻灯片放在中心位置。

抱歉我的英语不好。

任何帮助将不胜感激。

由于

Answer 1

您可以创建一种方法，将cell.backgroundColor = UIColor.yourColor() opacity应用于第一张幻灯片之前显示的幻灯片以及最后一张幻灯片之后显示的幻灯片。您可以在滑块初始化之后以及每次幻灯片更改后通过0事件调用此方法：

afterChange

<强> Fiddle Demo

Answer 2

我有一个更简单的解决方案。仅在centerMode下工作。

.slick-slide {
  opacity: 0;
}
.slick-slide.slick-center {
  opacity: 1;
}