如何在Slick旋转木马中居中2张幻灯片？

Question

我在项目中使用Slick，我需要将两张幻灯片放在中心位置。遗憾的是，centerMode选项仅适用于奇数编号slidesToShow计数。我尝试通过CSS将活动幻灯片放在中心但没有效果。

你知道任何解决方案吗？提前谢谢！

编辑：

我的轮播示例：https://jsfiddle.net/lukaszflorczak/y7t64oqs/。

我希望在较小的屏幕上有1个居中的项目，接下来的2,3个等。不活动的幻灯片具有较低的不透明度。

Answer 1

使用variableWidth可以使用带有两个幻灯片的光滑轮播中心模式，您必须为每个幻灯片设置宽度。之后，您必须slick-track移动滑滑幻灯片的一半宽度。

在这里工作： Slick slide - two slides in center mode

Answer 2

除了使用.slick-track属性外，还可以将auto的水平边距设置为centerMode，从而使光滑的轮播幻灯片居中。

slick-track {
  margin-left: auto;
  margin-right: auto
 }