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

    JavaScript

    長い(はみ出した)テキストを「・・・」に置き換えてくれるjQueryプラグイン「trunk8」

    長いテキストやはみ出したテキストを「・・・」といった文字に置き換えてく…

  2. nanogallery2

    JavaScript

    美しくてハイクオリティなイメージギャラリーを実装できる「nanogallery2」

    nanogallery2はパーソナルニーズにピッタリなイメージギャラリ…

  3. ToProgress

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

  4. VenoBox

    JavaScript

    画像・Google マップ・YouTubeなどを埋め込めるLightbox風jQueryプラグイン「…

    VenoBoxは色んなコンテンツを埋め込めるLightbox風jQue…

  5. Simple button checks

    JavaScript

    カスタマイズ可能なチェックボックスを実装できる「Simple button checks」

    Simple button checksはカスタマイズ可能なチェックボ…

  6. JavaScript

    ナビゲーションをレスポンシブデザインにしてくれるjQueryプラグイン「HorizontalNav」…

    覚えておくと便利そうだったのでメモがてらエントリーします。リスト化した…

最近の記事

  1. OWL-LPB6701LA
  2. cheero Power Mountain mini 30000mAh CHE-110
  3. 帆布カメラインナーケース B-2タイプ

アーカイブ

PAGE TOP