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

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

  2. lightgallery.js
  3. Squishy

    JavaScript

    テキストをコンテナに合わせて自動でサイズ変更してくれるjQueryプラグイン「Squishy」

    SquishyというjQueryプラグインを使えばテキストをコンテナに…

  4. funnyText.js
  5. JavaScript

    シンプルな構成で簡単に実装することができるツールチップ「jQuery PowerTip」

    とてもシンプルな構成で簡単に実装することができるjQueryプラグイン…

  6. jQuery Equal Height

    JavaScript

    異なる要素の高さを揃えてくれる「jQuery Equal Height」

    jQuery Equal Heightは、異なる要素の高さをキレイに揃…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP