今回はカルーセル（スライドさせるやつ）のやり方を紹介します。
手順は次の通りです。（今回はCND経由でslickを読み込んで実装します。）
- html内にCDN経由でslickに必要な要素とjQueryを読み込む
- html内にスライドさせる画像を入れる
- jsをカスタマイズ
スライドされるのに必要な手順はこれだけです。
さっそくやってみましょう！！
1. html内にCDN経由でslickに必要な要素とjQueryを読み込む
つね
HTMLをクリックして確認してみてください ！！
2.html内にスライドさせる画像を入れる
つね
HTMLをクリックして確認してみてください ！！
3. jsをカスタマイズ
つね
jsをクリックして確認してみてください ！！
すると、下記のような動作をします。
カルーセルを動かすにはドラッグして左右に動かすか、矢印キーを左右に動かしてください。
（画像は0.5倍でみるとちょうどよいです。）
今のままだと味気ないのでjsをカスタマイズしてみましょう！！
これで表示させてみると．．．
わかりにくいですが左右のナビゲーションボタンが表示されていません。
これはslickのプラグインで白色になっているからです。
なのでcssをいじって黒色に変えましょう！！
ポイント
カルーセルのcssのカスタマイズはhtmlの読み込み順に気を付けてください。
少しいじったものがこちら！！
これで完成です！！もっと詳しく知りたい方はこちらの記事がおすすめです！！
【jQuery】スライダープラグイン「slick」の使い方を詳しく解説
slickをダウンロードして行うやり方が載っています！！
最後までご覧いただきありがとうございました。
