JavaScript

シンプルでスワイプにも対応したスライダーならSimple jQuery sliderがオススメ

シンプルでスマホのスワイプにも対応したスライダーを実装したいって時にオススメなのがSimple jQuery slider。このプラグイン、ほんと複雑な機能とか難しそうな設定がほとんどない上に非常に軽量でいい感じです。

[ads_center]

Simple jQuery slider

Simple jQuery slider

Simple jQuery slider

デモでは画面いっぱいに表示されたコンテンツをダイナミックにスライドさせることができます。

iPhoneでも確認してみたところ、ちゃんとスワイプでスライドすることができました。デモは左右矢印とかなく、下部にあるナビゲーションだけとスライダー自体は非常にシンプルです。

ちなみにスワイプ機能はオプションでtrueかfalseを指定することができます。他にもinterval、animateDuration、animationEasing、pauseOnHoverなどを設定することが可能です。

対応ブラウザはChrome、Firefox、Safari、Internet Explorer 7+で動作テスト済みということなので、軽くてシンプルなjQueryスライダーを取り入れたい時に使われてみてはいかがでしょうか。

2014年に買ってよかったもの2014年、買ってよかったもの(ガジェット、雑貨など)前のページ

フルスクリーンで画像などの要素を表示させることができるJSライブラリ「screenfull.js」次のページ

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP