タグ

2021年5月7日のブックマーク (1件)

  • slickを使ったスライドショーのカスタマイズ例3つ。 | ネクストページブログ

    HOMEブログウェブ制作slickを使ったスライドショーのカスタマイズ例3つ。 | ネクストページブログ こんにちは、エンジニアのアンドレです。 最近案件でslickを使ってスライドショーのカスタマイズを3件ほど行ったのですが、その際に多少調べたり詰まったりしたので、備忘録も兼ねてこちらでご紹介したいと思います。 幅固定での中央寄せ 中央寄せ用に「centerMode」というオプションがあり、それを「true」にすれば幅可変の中央寄せは簡単にできます。 しかし、例えばPC表示でコンテンツ幅が決まっていて、その幅分を確保して中央寄せにしたい場合に、なかなかうまくいかずに苦労しました。 結論から言うと、オプション「variableWidth」に「true」を指定し、スライドさせる要素(下の例では「.item」)に固定幅を指定することで実現できました。 See the Pen 幅固定での中央寄せ

    slickを使ったスライドショーのカスタマイズ例3つ。 | ネクストページブログ