slick.jsの中央寄せ

Question

slick.jsの中央寄せを使いたいと思います。
そこで下記サイトを参考にしているのですが、

参考サイト

下記のコードをどこに埋め込めば良いかがわかりません。
お手数をお掛け致しますが何卒ご教示頂けますと幸いです

$(function() {
    $('.center-item').slick({
    infinite: true,
    dots:true,
    slidesToShow: 1,
    centerMode: true, //要素を中央寄せ
    centerPadding:'100px', //両サイドの見えている部分のサイズ
    autoplay:true, //自動再生
    responsive: [{
      breakpoint: 480,
        settings: {
          centerMode: false,
      }
    }]
  });
});

Answer 1

外部のJSファイルに書いて読み込むなり、直接htmlファイルに書き込むなりどちらでもいいですが…
とりあえず、デモページ→ソースを表示で確認してみるのがいいと思います。

Comments

[growthposition]

なるほど
ありがとうございます。

その発想はできなかったです。。。

いつもありがとうございます！

Answer 2

記述頂いてるものをそのままであれば外部にjsファイルを書いて読み込む形になります。

HTMLに直接書くのであれば</body>の直前に書きます。

<script>
//ここにコードを入れる
</script>
</body>

Comments

[growthposition]

ありがとうございます。
参考にさせて頂きます！