-
ID:r0PtL0 さんの質問

slick.jsを使用してスライドショーをサイトに組み込みたいと思っています。
スライドさせる画像をウィンドウ幅いっぱいに並べ、中央の画像と左右に見切れた状態で画像が見えているという表示したいのですが、PC表示の場合は中央の画像の横幅を固定にしたいと思っています。そのような設定は可能でしょうか?
画像の横幅を設定するオプションが見つからなくて、cssを色々さわってみましたが、うまくいきませんでした。。
どうぞよろしくお願いします。

みんなの回答 1 件

ID:760eg. さんの回答

オプションじゃなくて、直に画像をラッピングしている要素のCSSを固定幅で設定したらいいのでは。最近、同じような要件で実装できましたよ。

ID:r0PtL0

ご回答ありがとうございます。slick-slideという自動的に付けられるクラスに幅を指定するということでしょうか?centerModeを指定し、slick-slideに幅を指定していますが、うまくいきません。。centerPaddingの設定により、横幅が自動計算されるような作りになっているようなのですが…。

ID:HyDMR5

centerPaddingの値はラップする要素の幅との兼ね合いやから、
ちゃんと幅と合う値にせんとあかんで。

最終更新日:2016-11-26 (2,346 views)

関連するトピックス

ページ上部に戻る