JavaScript

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

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

[ads_center]

Swiper

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

Swiper

カルーセルのタイプも。

カルーセル

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

タブパネル

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

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

関連記事

  1. Animsition
  2. Letter Effects and Interaction Ideas
  3. no-image

    JavaScript

    アクセシブルなビフォーアフター画像を実装できる「BeerSlider」

    BeerSliderはVanilla JSによるアクセシブルなビフォー…

  4. Tipr

    JavaScript

    軽量、フラット、シンプルなツールチップを実装できるjQueryプラグイン「Tipr」

    Tiprはフラットでシンプルなツールチップを実装することができるjQu…

  5. no-image

    JavaScript

    シンプルで軽量なスクロールアニメーション実装「animateMePlz」

    animateMePlzはシンプルで軽量なスクロールアニメーションを実…

コメント

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

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

最近の記事

  1. s9+
  2. SRS-LSR200
  3. QC30
  4. リンツ リンドール

アーカイブ

PAGE TOP