使用具有偶數個幻燈片的滑動滑塊來顯示

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