JavaScript

スマホやタブレットでのスワイプに対応したモバイルにも最適なjQueryスライダー「Swiper」

とてもよさそうだったのでメモしときます。スワイプで切り替えることができるjQueryスライダー「Swiper」です。スライダーはオプションで水平モード、垂直モードを指定することもできます。スワイプに対応しているのでスマホやタブレットでユーザーが使いやすいUIが実装できます。

[ads_center]

Swiper

実際のデモでは色んな種類のスライダーを確認することができます。

Swiper

カルーセルのタイプも。

カルーセル

タブパネルも良いですね。使いどころがたくさんありそうです。

タブパネル

オプションも数多くあるので、自分好みのスライダーにカスタマイズしていくことができます。

スマホやタブレットのスワイプに対応させたスライダーを実装したい時に覚えておきたいプラグインですね。

関連記事

  1. JavaScript

    レンガ風に要素を綺麗に並べてグリッドレイアウトが作れる「The Wookmark jQuery pl…

    Pinterestのように高さの異なる要素をレンガ風に綺麗に並べて、簡…

  2. MG Space

    JavaScript

    Google画像のようなアコーディオンプラグイン「MG Space」

    MG SpaceはGoogle画像のようなjQueryアコーディオンプ…

  3. TV Credits

    JavaScript

    垂直・水平方向に滑らかに流れていくティッカーを実装できるjQueryプラグイン「TV Credits…

    TV Creditsは垂直方向や水平方向に流れていくティッカーを実装す…

  4. JavaScript

    スクロール時にナビゲーションが上部に固定されるレスポンシブ対応のjQueryプラグイン「HeadSh…

    スクロールするとナビゲーションが上部に固定配置されるjQueryプラグ…

  5. jquery.square.js

    JavaScript

    スクエアなグリッドレイアウトを実装できる「jquery.square.js」

    jquery.square.jsは、スクエアなグリッドレイアウトを実装…

  6. OneBook3d

    JavaScript

    フォトアルバム(ブック)に最適なjQueryプラグイン「OneBook3d」

    OneBook3dはブラウザ上でフォトアルバム(ブック)を作るのにとて…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP