no-image

JavaScript

スマホとの相性もいいシンプルながらもカスタマイズ性を備えたタッチ対応スライダー「jquery.touchSlider」

jquery.touchSliderはタッチに対応したシンプルながらもカスタマイズ性を備えたスライダーを実装できるjQueryプラグインです。タッチ対応なのでスマホやタブレットからでもサクサクと簡単にスライドさせることができます。

jquery.touchSlider

デモ

デモではスピード設定したスライダーや指定したコンテンツ数ごとにスライドするもの、コンテンツに合わせて高さが変わるものなどたくさんのタイプのデモが用意されています。スライダー下部には「next」「prev」ボタンも設置されていて、ここから前後のコンテンツへ切り替えることができるほか、タッチ対応によりタッチ操作でスライドさせることも可能です。

シンプルな操作性でサクサク動作するのでとても使いやすいスライダーに仕上がっています。

また、オプションもいろいろ用意されており、活用することで細かいカスタマイズも行えます。オプションには、useMouse、rolle、flexible、resize、btn_prev、btn_next、paging、speed、view、gap、range、page、sidePage、transition、initComplete、counter、propagationなど、多彩な項目があるのでカスタマイズして使いたい人にもうれしい仕様ですね。

使い方やマークアップもシンプルに記述でき、とても使いやすくなっています。タッチ対応でスマホやタブレットとの相性もいいスライダーを実装したい人は、ぜひ「jquery.touchSlider」を活用されてみてはいかがでしょうか?

jquery.touchSlider

関連記事

  1. Lity

    JavaScript

    超軽量でアクセシブル・レスポンシブなLightboxを実装できる「Lity」

    Lityは、超軽量でアクセシブル・レスポンシブなLightboxプラグ…

  2. Rate Yo!

    JavaScript

    星評価(レーティング)を簡単に実装できるjQueryプラグイン「Rate Yo!」

    Rate Yo!というjQueryプラグインを使えば、SVGを使った星…

  3. Ziehharmonika

    JavaScript

    かっこいいアコーディオンを実装できる軽量のjQueryプラグイン「Ziehharmonika」

    アニメーションがとてもクールでかっこいいアコーディオンを実装することが…

  4. cascadingDivs
  5. Simple Lightbox
  6. Sticky Sidebar

    JavaScript

    スマートでハイパフォーマンスな追尾型サイドバー実装「Sticky Sidebar」

    Sticky Sidebarは、スマートでハイパフォーマンスな追尾型サ…

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP