勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

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

   

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

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

 


 

 

■ダウンロード先

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

 


 

 

■使い方

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

 

 

と記述する。

 


 

 

■サンプル

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

 


 

 

■その他

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

 - jQuery

  関連記事

jQueryプラグインを作成する方法

jQueryのプラグインを作ってみたかった。 というのも大抵のものはググったらあ ...

Ajaxのクロスドメイン2

PHPも介せない場合。こちらの方がスマートでよさそう。 jsonpを使うみたい。 ...

Ajaxの負荷対策

Ajaxを使ってボタンを押した際に表示を切り替える処理。 都度Ajaxを使ってた ...

jQueryの最新バージョン呼び出しとバージョン確認

<script type="text/javascript" src="h ...

jQueryでIPから位置情報の取得

jQueryのプラグインでお手軽にIPから 位置情報や経度緯度等調べられたのでメ ...

formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

jQueryで画像(タグ内)のsrc情報を取得する場合

すぐに出てこなかったのでメモ。 $('#test').attr('src'); ...

jQselectableでセレクトボックスをリッチにする

入力フォームみたいなもので元々はテキストボックス内に 都道府県を入れてもらうとい ...

jQueryで新しく追加した要素に対してイベントがきかない場合の対応

jQueryで新たに追加した要素に対して、 clickイベントを使いたかったけど ...

ダウンロード無しで外部ファイル呼び出し

■jQuery http://scriptsrc.net/ ■bootstrap ...