javascript - Slick - 以 centerMode 和可变宽度滑动幻灯片

Question

我有一个中心模式为 true 且variableWidth: true 的光滑 slider 。

中心幻灯片需要比其他幻灯片大 2 倍。
所有幻灯片的宽度均为 80 像素，但中心宽度需要为 160 像素。

这是我的问题的 fiddle 和代码(jsfiddle 把它弄乱了，但你可以看到“跳转”):

$('#timeline').slick({
      centerMode: true,
      centerPadding: '60px',
      slidesToShow: 5,
      variableWidth: true,
      arrows:false
});

https://jsfiddle.net/xf365usn/15/

如果需要，我会发布更多代码。有什么解决办法吗？

Answer 1

我用所有幻灯片上的固定宽度解决了这个问题

.slick-slide { width:200px; }  

和variableWidth: true
我还将 centerMode 保留为 true 并编辑了 slick-active 幻灯片以获得所需的结果。