使用具有偶数幻灯片的光滑滑块来显示

Question

我在中心模式下使用光滑的滑块，其中slideToShow的数量为偶数。 我的要求是活动幻灯片处于不透明度1，其余部分处于不透明度0.5。 Slick js有一个光滑活跃的类，它会自动应用于它。不幸的是，幻灯片的数量甚至使实现错误。

如图所示，左边的上半部分非活动幻灯片处于半透明度的一半。我想在第五张幻灯片中使用＆＃39; slide-active＆＃39;类。不知何故，n-child和last-child选择器并没有像我想象的那样工作。

什么可以解决？

Answer 1

尝试将降低的不透明度添加到光滑幻灯片类，然后将完全不透明度应用于活动幻灯片。

  $('.accom-slider').slick({
    centerMode: true,
   slidesToShow: 3
   });

Answer 2

我为我的用途制作了这样的东西，希望它可以帮助： http://test.woolet.co/slick-slider-centered/

    $('.center').slick({
      speed: 500,
      arrows: false,
      centerMode: true,
      centerPadding: '0px',
      slidesToShow: 3
    });