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. simplePagination.js
  2. JavaScript

    ボックス要素からはみ出した分のテキストを「…」に置き換えてくれるjQueryプラグイン「…

    なんとなく使う機会がありそうな感じのjQueryプラグイン「jQuer…

  3. Nex

    JavaScript

    ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」

    Nexはダイナミックで様々なアニメーションエフェクトが用意されたフルス…

  4. SweetDropdown

    JavaScript

    スタイリッシュで多彩なドロップダウンを実装できる「SweetDropdown」

    SweetDropdownは、多彩なドロップダウンを実装することができ…

  5. Lena.js

    JavaScript

    多彩な画像処理ができるJSライブラリ「Lena.js」

    Lena.jsは多彩な画像処理を行うことができるJSライブラリです。セ…

  6. NavSync

    JavaScript

    ナビゲーションとコンテンツが連動するjQueryプラグイン「NavSync」

    NavSyncはナビゲーションとコンテンツが連動してアニメーションする…

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP