勉強したことのメモ

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

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

   

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

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

 


 

 

■ダウンロード先

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

 


 

 

■使い方

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

 

 

と記述する。

 


 

 

■サンプル

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

 


 

 

■その他

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

 - jQuery

  関連記事

POP広告をjQueryで再現する方法

サイト内のリンクをクリックすると、新しいタブもしくはウィンドウで開く広告をちょい ...

safariのみスクロール関連のイベントが発火しない

jQueryで一定距離スクロールさせた場合に発火するイベントをプログラムしていた ...

jQueryでshow/hideよりaddClass/removeClassの方が速い

diaplay:none/blockする際に最近はshow()/hide()を ...

FullCalendarでtitle以外も表示させたい

FullCalendarでカレンダー内のイベントをクリックした際にtitle以外 ...

GoogleMapAPIで住所・経度緯度入力後にマーカーを移動させる

フォーム内に住所・経度・緯度のテキストボックスを設置し、住所を入力後にボタンを押 ...

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

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

スクロールしてもついてくる追尾型の広告を作る方法

スマホサイトとかでよく見る、スクロールしてもページ下部とかに常時表示されている追 ...

jQueryで配列の値を検索

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

imgタグで作成したグラフをjQueryでリアルタイムに動かす

このグラフをリアルタイムプレビューさせる。 ■サンプル http://sampl ...

jQueryプラグインの作成

面白そうだったのでメモ。 ■参考サイト http://www.entacl.in ...