javascript - 在中心模式光滑 slider 中禁用下一个/上一个部分 View

Question

我想在光滑的 slider 中使用中心模式，但需要避免部分上一张/下一张幻灯片。 (只显示三个主要div)

我的设置是这样的，

$('.framefitFacelist').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  dots: false,
  arrows: true,
  infinite: false,
  centerMode: true
});

谢谢。

Answer 1

您好，您可以使用 javascript 更改此设置。您必须将部分幻灯片的不透明度设置为0；

本质上，您可以创建一个变量，并在连接 css 时将 prev 和 next 幻灯片不透明度设置为 0，然后调用 beforeChange 光滑的事件。

我发现这个 fiddle 似乎可以实现你正在寻找的东西。

测试一下

https://jsfiddle.net/yassarikhan786/uwgjx6nv/