在中心模式滑动滑块中禁用next / prev局部视图

时间:2016-10-27 15:11:13

标签: javascript slick.js

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

我的设置是这样的,

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

感谢。

1 个答案:

答案 0 :(得分:1)

您好,您可以使用javascript更改此内容。您必须将部分幻灯片的opacity设置为0;

基本上,您可以创建变量,并在连接css时将prevnext幻灯片不透明度设置为0,然后调用beforeChange光滑事件。

我发现这个小提琴似乎达到了你想要的效果。

测试出来

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