スリックカルーセル - 過剰スライドせずにcenterMode

Question

私は（Slick.jsを使用して）スライドを作りたい、写真をもとに 、私はcenterMode:trueとfocusOnSelect:trueを作りたい...

が、問題は2つの余分なスライド（左右）があることです。どうすれば削除できますか？

すでにcenterModeをfalseに設定しようとしました。余分なスライドはありませんが、選択したスライドは一番左にあります。したがって、選択したスライドを中央に配置したいので、centerModeをtrueに設定することが重要です。

私の悪い英語のために申し訳ありません。

ご協力いただければ幸いです。

おかげ

Answer 1

あなたは最後すなわち、部分的にスライドした後に表示されるスライドの最初だけでなく、前に表示されるスライドに0のopacityを適用する方法を作成することができます。あなたは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(); 
}); 

Fiddle Demo