勉強したことのメモ

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

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

   

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

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

 


 

 

■ダウンロード先

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

 


 

 

■使い方

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

 

 

と記述する。

 


 

 

■サンプル

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

 


 

 

■その他

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

 - jQuery

  関連記事

PHPとajaxでチャットの作成

■ソース ・index.php <? error_reporting(E_ ...

テキストエリアを自動でリサイズ

改行するだけで勝手にリサイズしてくれるので、 ユーザー用でも管理用でも使えそう。 ...

jQueryで配列の値を検索

やりたかった事は、配列の中に特定の値があるか どうか検索し、その後の分岐を行いた ...

tableのヘッダーを残して表示(jquery-decapitate)

bootstrapはあまり使わないので切り離して使えるように したいところ。 ■ ...

jQueryでチェックボックスの全チェック&チェック解除

フォームのチェックボックスで「全てにチェックを入れる」「全てのチェックを外す」と ...

imgタグとPHPでグラフ作成

プラグインやライブラリを使わずにグラフを作る 機会があったのでメモ。 ■サンプル ...

jQueryでjsonデータを処理(parseJSON)

他社が作成したシステムのちょっと改修案件があった。設置したもののどうも動かないと ...

jQueryで要素のleftやwidthを取得

jQueryで要素のposition(leftやtop)とwidthとheigh ...

Jcropを使ってブラウザ上で画像を範囲指定して切り抜き(トリミング)

やりたかった事は、画像をアップロードして必要な部分のみを範囲指定してもらい、指定 ...

jQueryのtoggleに引数

社内のソースで、 $(".hoge").toggle(flg == 1? fal ...