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スライダーを取り入れたい時に使われてみてはいかがでしょうか。

関連記事

  1. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

  2. SweetAlert2

    JavaScript

    カスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラート実装「SweetAlert2…

    SweetAlert2は、レスポンシブ対応でカスタマイズ性が高くアクセ…

  3. Modaal

    JavaScript

    アクセシビリティに優れたモーダルウィンドウを実装できる「Modaal」

    ModaalはWCAG 2.0のレベルAAをサポートしているアクセシビ…

  4. Owl Carousel

    JavaScript

    タッチ操作やレスポンシブにも対応したカルーセルを実装できるjQueryプラグイン「Owl Carou…

    素晴らしいカルーセルを実装できるjQueryプラグインがあったのでご紹…

  5. Naver

    JavaScript

    シンプルですごくいい!レスポンシブに合うナビゲーションのjQueryプラグイン「Naver」

    NaverというjQueryプラグインがすごくシンプルでよかったのでご…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP