今では、様々なスライダーのプラグインが存在しますが、バリエーションの多さや対応の幅で使いやすいと評価の高い「slick」をご紹介します。スマホやタブレット端末などでの「スワイプ機能」にも対応しているので色々と使い勝手が本当にいいです! まずはこんな感じ!といった「デモサンプル」を用意しましたので確認してみてください。 デモサンプル1 横幅固定でセンター寄せのスライドになっています。左右にカルーセル付きの仕様になっています。 それでは使い方を見ていきましょう。 1.ファイルをダウンロード はじめに、ファイル一式を公式サイトからダウンロードします。 slick 「slickフォルダ」の中に以下のファイルが入っています。 これを任意の場所に配置して読み込みましょう。サンプルでは、ルート階層に「slickフォルダ」を配置したと仮定して話をしていきます。 2.必要なファイルを読み込む CSSを読み込
![使い勝手の良いslick.jsスライダー(レスポンシブ対応)](https://cdn-ak-scissors.b.st-hatena.com/image/square/5029286f6cda48865308e42cbce2dabee1edc095/height=288;version=1;width=512/https%3A%2F%2Fmorobrand.net%2Fmororeco%2Fwp%2Fwp-content%2Fuploads%2F2015%2F10%2Fslick-s.jpg)