質問編集履歴

1 誤字修正

退会済みユーザー

退会済みユーザー

2019/11/22 00:55  投稿

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

    37342 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • CSS

    17135 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • jQuery

    13289 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • HTML5

    10136 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る