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

ItemSlide.js

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

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 / デフォルト:

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

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives