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. Slyder

    JavaScript

    レスポンシブ対応のスライダーナビゲーションを実装できる「Slyder」

    Slyderはレスポンシブに対応したスライダーナビゲーションを実装でき…

  2. jQuery.GI.TheWall.js
  3. JavaScript

    ライトボックスみたいなお洒落なアラートを出してカスタマイズもできるjQuery uLightBox …

    ライトボックスみたいなお洒落なアラートを表示させることができるjQue…

  4. FrameScrub
  5. no-image

    JavaScript

    多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

    LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高…

  6. jQuery Stick ‘em

    JavaScript

    スクロール時にその場所のコンテンツに応じたサイドバーが追従する「jQuery Stick ‘em」

    ちょっと使いどころがありそうなプラグインだったので使い方をメモしときま…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP