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

Question

我在中心模式下使用滑动滑块，其中slidesToShow的数量是偶数。 我的要求是活动幻灯片在不透明度1和其余不透明度为0.5。 Slick js有一个自动应用于它的活动类。不幸的是，幻灯片的数量甚至导致实施错误。

如图所示，左半边不活动的幻灯片在半透明状态。我希望第5张幻灯片与“幻灯片激活”类相同。不知怎的，第十一个孩子和最后一个孩子的选择器没有按我的设想工作。

有什么可以解决的？

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 
    });