JavaScript

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

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

[ads_center]

Swiper

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

Swiper

カルーセルのタイプも。

カルーセル

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

タブパネル

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

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

パソコン液晶画面を拭いて綺麗に掃除するためにiBUFFALOの液晶TV専用クリーニングクロスを購入前のページ

iPhoneのアラームを無音でバイブや光のみで知らせてくれる便利アプリ「サイレントタイマー」次のページ

関連記事

  1. jQuery Star Flashing Effect
  2. bubbly-bg

    JavaScript

    幻想的なバブル背景アニメーションを実装できる「bubbly-bg」

    bubbly-bgは幻想的で美しいバブル(気泡)背景アニメーションを実…

  3. elmenu

    JavaScript

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

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

  4. JavaScript

    JavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方

    ちょっとした備忘録です。よく見るセレクトボックスから各項目を選択するだ…

  5. Toast

    JavaScript

    アニメーション付きでスタッキングしていくメッセージ通知「Toast」

    Toastはアニメーション付きのメッセージ通知を表示することができるj…

  6. Playful Little Tooltip Ideas

コメント

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

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

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP