ItemSlide.js

JavaScript

タッチやスワイプでスライドするカルーセルのjQueryプラグイン「ItemSlide.js」

ItemSlide.jsはタッチ、スワイプ、スクロールなどでスライドするカルーセルを実装できるjQueryプラグインです。レスポンシブになっており、PCはもちろんスマホやタブレットでも動作することができます。

[ads_center]

ItemSlide.js

ItemSlide.js

ItemSlide.js

スワイプやクリックでサクサクとアイテムをスライドさせていくことができるので、とても便利ですね。

PC版ではドラッグしながらスライドさせることも可能なので、いろいろと使い勝手もよさそうです。実際のデモでカルーセルの動きを試してみることもできるので、気になる方は是非チェックしてみてください。

オプションの設定もいろいろできますね。

  • duration / デフォルト:350ms
  • swipe_sensitivity / デフォルト:150
  • disable_slide / デフォルト:false
  • disable_autowidth / デフォルト:false
  • disable_scroll / デフォルト:false
  • start / デフォルト:0
  • pan_threshold / デフォルト:0.3
  • one_item / デフォルト:

パソコンでの閲覧もいいですが、個人的には特にスマホやタブレットとすごく相性が良いように思います。様々なデバイスで動作できるカルーセルを実装したい時に活用してみたいです。

関連記事

  1. sticky-items

    JavaScript

    HTML要素をページ上部に固定させれるjQueryプラグイン「sticky-items」

    sticky-itemsは指定したHTML要素をWebページの上部に付…

  2. ax5ui-menu

    JavaScript

    カスタマイズしやすいコンテキストメニューを実装できる「ax5ui-menu」

    ax5ui-menuはカスタマイズしやすいシンプルなコンテキストメニュ…

  3. gridscrolling.js
  4. jquery-backToTop

    JavaScript

    カスタマイズ性に優れたトップへ戻るボタンを実装できる「jquery-backToTop」

    jquery-backToTopはカスタマイズ性に優れた「トップへ戻る…

  5. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

最近の記事

  1. CITTA TT5.0
  2. Kindle Oasis
  3. OWL-WDDESK01
  4. ワンタッチ着脱フィルターキット

アーカイブ

PAGE TOP