画像スライド（slick）での技術的ご相談

Question

こんにちは！
初めまして、よろしくお願い致します。

画像スライドのSlickを使用して以下の画像のように表示させたいのですが
2個ではなく2個半というチラ見せみたいな状態です。

↓　下の画像のように表示をさせたい

CSSだと思うのですが、どこをいじったら良いのかがわかりません。
大変お手数をおかけ致しますがご教示お願い申しあげます。

使用パーツ　Autoplay
Slick

この情報だけでわかりますでしょうか。
足りなければ補足致しますのでよろしくお願い致します。

Answer 1

具体的なコードがないので抽象的な回答になりますが、
centerMode: trueで中央に寄せつつslidesToShowなどで設定すればいいんじゃないでしょうか。

画像幅が固定なら本体の幅を調整することで「2個半」表示もできそうですが、
レスポンシブの場合工夫する必要がありますね。slickはレスポンシブ時の表示個数等もある程度設定できるので頑張って下さい。

Comments

[isseidayo]

T_sa様
ありがとうございました。
上記の方法でだと両サイドがチラ見せですが微調整はCSSで行い設定が出来ました。
大変助かりました。お礼を申し上げます。