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. Tilt.js

    JavaScript

    パララックスとチルトを兼ね備えたホバーエフェクト実装「Tilt.js」

    Tilt.jsはパララックスとチルトの動きを兼ね備えた滑らかなホバーエ…

  2. Basic Metro Dynamic jQuery Tab Menu
  3. Woco Accordion jQuery plugin
  4. JavaScript

    要素の位置までスクロールしてスピード設定もできるjQueryプラグイン「scrollToBySpee…

    scrollToBySpeedは指定した要素の位置までスクロールしてく…

  5. GoogleSheets-HTMLImporter

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP