レスポンシブ対応のカルーセル/スライダーを実装できるjQueryプラグイン「slick」 | TechMemo

slickは、レスポンシブ対応のカルーセル/スライダーを実装することができるjQueryプラグインです。非常に豊富なオプションも用意されています。 今回は、このslickの実装手順を紹介したいと思います。そんなに難しくないので、ぜひチャレンジしてみてください。 ステップ1. ファイルのダウンロードと設置 slickの公式サイトにアクセスし、「get it now」からファイル一式をダウンロードします。GitHubからダウンロードしてもOKです。 zipファイルを解凍したら、以下のフォルダとファイルをサーバー上にアップロードします。 fontsフォルダ slick.css slick-theme.css slick.min.js ajax-loader.gif fontsフォルダとslick-theme.css、ajax-loader.gifは同階層に設置してください。 ステップ2. HTM

[canna_koritan]

“.slider .slick-slide { margin: 0 30px;}”