slick.jsの使い方レスポンシブデザインでカルーセルを簡単に実装できるjQueryプラグインの「slick.js」の使い方を紹介します。公式サイトからファイルをダウンロードします。ダウンロードしたファイルで必要なファイルを読み込みます、動かすのに必要なjQueryは予め読みこんどいてくださいね。type=&quot;text/javascript&quot;&gt;&lt;/scripthtmlの記述です、下の例ではulの中noliにスライドする中身を入れていますが全てdivでも問題ありません。スライドを無いようするクラス名はslide_areaとしていますがこの名前は任意でOKです。&lt;li&gt;&lt;p&gt;スライドの要素を入れる&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;あとはhtmlにあわせてjsを記述していきます。先ほどスライド内容を内包した要素のクラス名を設定します。$('.slide').slick();基本的なスライダーはこれで使えるようになります。slick.jsはオプションが豊富でかなり細かくカスタマイズすることが出来ます。スライドの始まる前と後で独自の処理をさせるスライドhが始まるタイミングと後で何かしらの処理を入れる事ができます。スライドの上にフェードインで文字を表示させるなど使いみちはいろいろあります。dacに出力可能になった。