前提・実現したいこと
jQuery初心者です。
slickを使用してスライドショーを複数作成しています。
slickの公式にあるSlider Syncingを元にしたサムネイル付きのスライドです。
デザインを統一するため、メイン画像(最大width:600px)、サムネイル(最大width:160px)とサイズを固定し、レスポンシブ対応を考えています。
発生している問題
複数作成している中で、画像が1種だけ(サムネイルとメイン画像が両方とも同じになる)のページがあり、サムネイルをセンターに固定できず困っています。
サムネイルは最大でwidth:160pxとしたいため、cssでmax-width:160pxと指定しました。
そうしたところslickにcenterMode:trueと設定しても余白ができ左右によってしまいます。
レスポンシブ時にもよってしまいます。
max-width:160pxを外すとセンター配置になり、レスポンシブも正常に動きますが画像サイズが大きくなってしまいます。
説明がわかりづらく申し訳ございません。
諸事情によりslickを元に作っていきたいため、何か方法をご存知の方いましたらご教授いただけないでしょうか。
あなたの回答
tips
プレビュー