スマホ対応カルーセルスライダーslickの使い方

イメージスライダーでslickという使ったことないjQueryプラグインを見かけたのでメモ。

以下使い方とかダウンロード先。

■ダウンロード先

http://kenwheeler.github.io/slick/

■使い方

ダウンロードしてきたjsファイルとcssファイル及びjQueryを読み込んだ上で、

$(function(){
	$('.hoge').slick({
		/*ここにオプション書いてく*/
		dots : true,
	});
});

と記述する。

■サンプル

http://sample.taitan916.info/slick/

■その他

ディスプレイ幅？　とかで表示させる画像数を分岐できるのが面白かった。スマホ、タブレット、PCとかでレスポンシブ対応にしたい場合に良さげ。