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

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

Windows 8やWindows Phoneの人気のメトロカラーのリストや詳細が確認できる「Metro UI Colors」前のページ

ミニマルでレスポンシブに対応したLightbox風のjQueryプラグイン「ScalableLightbox」次のページScalableLightbox

関連記事

  1. syncscroll

    JavaScript

    2つ以上のスクロールエリアを同時にスクロールできる「syncscroll」

    syncscrollは2つ以上のスクロールエリアを同時にスクロールでき…

  2. Ion Zoom

    JavaScript

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Zoom」

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Z…

  3. Tabulous.js

    JavaScript

    色々なエフェクトのタブパネルが実装できるjQueryプラグイン「Tabulous.js」

    素敵なタブパネルがあったのでメモがてらご紹介します。オプションを指定す…

  4. FlipClock.js

    JavaScript

    時計・タイマー・カウントダウンを実装できるjQueryプラグイン「FlipClock.js」

    FlipClock.jsというjQueryプラグインを使えば、時計・タ…

  5. PleaseWait

    JavaScript

    ローディングアイコンをオシャレに実装することができる「PleaseWait」

    PleaseWaitはローディングアイコンをオシャレに見せることができ…

  6. jQuery Section Navi Plugin

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP