slick.jsを使用してスライドショーをサイトに組み込みたいと思っています。スライドさせる画像をウィンドウ幅いっぱいに並べ、中央の画像と左右に見切れた状態で画像が見えているという表示したいのですが、PC表示の場合は中央の画像の横幅を固定にしたいと思っています。そのような設定は可能でしょうか?画像の横幅を設定するオプションが見つからなくて、cssを色々さわってみましたが、うまくいきませんでした。。どうぞよろしくお願いします。
オプションじゃなくて、直に画像をラッピングしている要素のCSSを固定幅で設定したらいいのでは。最近、同じような要件で実装できましたよ。
ご回答ありがとうございます。slick-slideという自動的に付けられるクラスに幅を指定するということでしょうか?centerModeを指定し、slick-slideに幅を指定していますが、うまくいきません。。centerPaddingの設定により、横幅が自動計算されるような作りになっているようなのですが…。
centerPaddingの値はラップする要素の幅との兼ね合いやから、ちゃんと幅と合う値にせんとあかんで。
みんなの回答 1 件
オプションじゃなくて、直に画像をラッピングしている要素のCSSを固定幅で設定したらいいのでは。最近、同じような要件で実装できましたよ。
関連するトピックス