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. Scroll Indicator

    JavaScript

    シンプルなスクロールインジケーターを実装できる「Scroll Indicator」

    Scroll Indicatorは、スクロールによるアニメーションでコ…

  2. no-image

    JavaScript

    水平スクロールができることを示唆してくれる「ScrollHint」

    ScrollHintは水平スクロールができることをポインタアイコンを使…

  3. Pogo Slider

    JavaScript

    豊富なスライドアニメーションが揃っているjQueryプラグイン「Pogo Slider」

    Pogo Sliderは豊富なスライドアニメーションが揃っているjQu…

  4. no-image
  5. Points Of Interest

    JavaScript

    各ポイントごとにクリックで詳細文を表示させるjQuery「Points Of Interest」

    Points Of Interestはサイト内に設置した各ポイントを…

最近の記事

  1. フレンチトーストや自家製ソーセージ
  2. ハレイワ スムージー
  3. クローバーで淹れたコーヒー
  4. 雪が降る日本海

アーカイブ

PAGE TOP