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. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  2. BigText

    JavaScript

    テキストを指定した幅にフィットさせるjQueryプラグイン「BigText」

    BigTextは、テキストの行を、指定した幅にフィットさせるために必要…

  3. pell

    JavaScript

    軽量でシンプルなWeb用のWYSIWYGエディタを実装できる「pell」

    pellは1.5KBと非常に軽量でシンプルなWeb用のWYSIWYGエ…

  4. RefineSlide

    JavaScript

    多数のエフェクトが素敵!レスポンシブ対応のjQueryスライダー「RefineSlide」

    多数のエフェクトがあってレスポンシブWebデザインにも対応しているスラ…

  5. Tip

    JavaScript

    シンプルなUIで使いやすいツールチップ実装「Tip」

    TipはシンプルなUIによる使いやすいツールチップを実装することができ…

  6. elmenu

    JavaScript

    レスポンシブ対応で軽量なハンバーガーメニューを実装できる「elmenu」

    elmenuはレスポンシブに対応した軽量のハンバーガーメニューを実装す…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP