Slickカルーセルに2つのスライドをセンターする方法は？

私のプロジェクトではSlickを使用しています.2枚のスライドをセンターに配置する必要があります。残念ながらcenterModeオプションは、奇数番号のslidesToShowカウントでのみ機能します。私はアクティブなスライドをCSSで整理しようとしましたが、効果はありませんでした。Slickカルーセルに2つのスライドをセンターする方法は？

解決方法はありますか？前もって感謝します！

編集：私のカルーセルの

例：https://jsfiddle.net/lukaszflorczak/y7t64oqs/。

私は小さな画面に1つの中心の項目、次の2,3などを持ちたいと思います。アクティブなスライドは不透明度が低くありません。

出典

2017-02-06 Lukasz Florczak

滑らかなカルーセルは、2枚のスライドをセンターするようには設計されていません。あなたがやりたいことを提供するか、自分のカルーセルを作る別のカルーセルを見つけるかどちらかです。 – user3771102

私はスリックがこのオプションをデフォルトで持っていないことを知っています。問題は私がプロジェクトのいくつかの場所でSlickを使用していることです。プラグイン1つですべてのカルーセルをやりたいと思います。 Slickの貢献者の1人から、私は情報があります：「cssとjsの両方で中央の2つのアクティブスライドを特定する方法がありますが、詳細はありません。だから私はここに誰かが解決策を知っていることを願っています:) –

あなたの問題を解決する方法を見つけることができるように、あなたが作ったコードの実例を投稿してください。 – user3771102

属性のほかに、.slick-trackの水平マージンをに設定することで、スリックキャノルスライドを中央に配置することができます。

slick-track { 
    margin-left: auto; 
    margin-right: auto 
}

出典

2017-06-06 17:39:03

'.slick-track'しかし、とにかく動作しません。 – aaron

Slickカルーセルに2つのスライドをセンターする方法は？

答えて

関連する問題