勉強したことのメモ

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

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

   

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

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

 


 

 

■ダウンロード先

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

 


 

 

■使い方

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

 

 

と記述する。

 


 

 

■サンプル

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

 


 

 

■その他

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

 - jQuery

  関連記事

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

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

画像をつなぎ合わせて360度ビューの様に見せるjQueryプラグイン

3Dデータではなく、コマ送りになっている2D画像を用いて360度ビューの様に見せ ...

bootstrap-datetimepickerについて

日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、 普通のセレクト ...

submit関連のjQuery

<?php //jQueryでのsubmit,エンターキーでのsubmit ...

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

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

八地方区分→都道府県→路線→駅名の連携したセレクトメニュー

八地方区分(関東、近畿等)をプルダウンから選ぶと区分内の都道府県プルダウンが表示 ...

jQueryuiを用いてメールの入力補助(サジェスト)

autocompleteを用いた簡易なサジェストを見かけたのでメモ。 ■ソース ...

日付入力のテキストフォームにカレンダープラグインを導入

やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...

jQueryで後から追加された要素にイベントを設定

jQueryで.html()等を使って追加した要素に対してイベントを設定したかっ ...

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

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