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. jQuery.appear

    JavaScript

    ビューポート外のコンテンツ表示を防止できる「jQuery.appear」

    jQuery.appearは、元々は非表示となっているものや、ビューポ…

  2. no-image

    JavaScript

    シンプルでスタイリッシュなjQueryスライダー「Simple slider」

    Simple sliderはシンプルでスタイリッシュなスライダー(カル…

  3. no-image

    JavaScript

    水平スクロールができることを示唆してくれる「ScrollHint」

    ScrollHintは水平スクロールができることをポインタアイコンを使…

  4. jQuery Stick ‘em

    JavaScript

    スクロール時にその場所のコンテンツに応じたサイドバーが追従する「jQuery Stick ‘em」

    ちょっと使いどころがありそうなプラグインだったので使い方をメモしときま…

  5. Inspiration for Menu Hover Effects

最近の記事

  1. ライオン システマ 超コンパクト ふつう
  2. タリーズ ハムチーズ&サラダサンド
  3. クリニカのY字タイプのフロス
  4. 日和山公園の桜
  5. 成城石井 フレンチロースト

アーカイブ

PAGE TOP