【おすすめスライダー】slickslider(スリックスライダー)を使って色々なスライダーを作ってみました。


サイトにスライダーを入れたいけど簡単に入れる方法とかないの?
色々カスタマイズ機能がついていると良い!
このような疑問に答えます!
本記事では導入簡単、カスタマイズも豊富のslickslider(スリックスライダー)の導入方法、コードペンでの様々な実装サンプルを紹介します。
まずは導入準備から!headにCDNを読み込もう
まずは導入準備として上記CDNをhead内に読み込ませましょう!
直接ソースをダウンロードしたい方は下記リンクよりお願いします!
https://kenwheeler.github.io/slick/
以下よりコードペンを用いて実装サンプルを紹介していきます。
コードペンJSタブに書いてあるソースがslickの実行関数です。
PCとスマホで実行処理を分けているので見せ方を変える場合に便利です。
目次