Javascript 滑动转盘-中心模式，无多余幻灯片

我想制作一张幻灯片（使用Slick.js）， 根据图片，我想使

centerMode:true

和

focusselect:true

但问题是会有两个多余的滑动（左滑动和右滑动）。如何移除它们

我已尝试将

centerMode

设置为

false

。没有多余的幻灯片，但选定的幻灯片将位于最左侧。因此，将

centerMode

设置为

true

，对我来说很重要，因为我想将所选幻灯片放在中间

对不起，我的英语不好

任何帮助都将不胜感激

---

感谢

您可以创建一种方法，将

不透明度

应用于第一张幻灯片之前出现的幻灯片以及最后一张幻灯片之后出现的幻灯片，即部分幻灯片。您可以在滑块初始化后以及每次幻灯片更改后通过

afterChange

事件调用此方法：

function setSlideVisibility() {
  //Find the visible slides i.e. where aria-hidden="false"
  var visibleSlides = $('.slick-slide[aria-hidden="false"]');
  //Make sure all of the visible slides have an opacity of 1
  $(visibleSlides).each(function() {
    $(this).css('opacity', 1);
  });
  //Set the opacity of the first and last partial slides.
  $(visibleSlides).first().prev().css('opacity', 0);
  $(visibleSlides).last().next().css('opacity', 0);
}

$(setSlideVisibility());

$('.slider').on('afterChange', function() { 
  setSlideVisibility();
});

---

我有一个更简单的解决方案。仅在中心模式下工作

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