JavaScript

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

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

[ads_center]

Swiper

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

Swiper

カルーセルのタイプも。

カルーセル

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

タブパネル

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

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

関連記事

  1. intence

    JavaScript

    インタラクティブなナビゲーションスクロールバーのJSライブラリ「intence」

    intenceはスクロール中のエリアが分かるインタラクティブなナビゲー…

  2. JavaScript

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「equalize.js」

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「e…

  3. Bootstrap Show Password
  4. ArtDesignSlider

    JavaScript

    レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

    ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのbindメソッドとliveメソッドの簡単な違いや使い方

    bindとliveの違いがちょっとわかりずらかったのでまとめてみました…

  6. NO IMAGE

    JavaScript

    テキストコンテンツをページ分割(ページネーション)できる「jPaginate」

    jPaginateはWebページ内のテキストコンテンツをページ分割(ペ…

コメント

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

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

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP