no-image

JavaScript

スワイプでのスライドもできるシンプルなスライダー「jquery-slide」

jquery-slideはスワイプでのスライドにも対応したシンプルなスライダーを実装できるjQueryプラグインです。動作もサクサクで、パソコンだけでなくスマホやタブレットなどモバイルからの閲覧にもよさそうですね。

jquery-slide

jquery-slide

デモでは右から左へ自動でスライドしていくスライダーが設置されています。左から右へスワイプ(マウスドラッグ)すると、その方向へスライドさせることも可能です。

シンプルがゆえにファイルの読み込みや動作も速くてモバイルには最適ですね。使い方やマークアップもかなりシンプルに記述できるので、手軽に実装できます。

actionIn、actionOut、delayなどといったオプションも用意されているので、ちょっとしたカスタマイズも可能です。ちなみにデモの設定値はactionInが’left’、actionOutが’left’、delayが1000になっています。

というわけで、スワイプでのスライドもできるシンプルなjQueryスライダーを実装したい人は、ぜひ「jquery-slide」をチェックしてみてください。

luxy.js優雅な慣性スクロールとパララックスエフェクトを実装できる「luxy.js」前のページ

CSS3アニメーションによるモーダルボックス「Jquery modal box plugin」次のページJquery modal box plugin

関連記事

  1. Animated Toggle Menu
  2. no-image

    JavaScript

    3Dキューブによる画像ギャラリー「3D Cube Image Gallery」

    3D Cube Image Galleryは、3Dキューブによるオシャ…

  3. no-image

    JavaScript

    テキストに応じてアンダーラインが伸び縮みする「Magic Line Menu」

    Magic Line Menuはナビゲーションメニューのテキストに応じ…

  4. infiniteSlider2.js
  5. stickyTableColumns

    JavaScript

    水平(左右)にスライドできるテーブル実装「stickyTableColumns」

    stickyTableColumnsは、データ量の多い表をページで表現…

  6. Simple button radios

    JavaScript

    シンプルで高性能なラジオボタンを実装できる「Simple button radios」

    Simple button radiosはシンプルで高性能なラジオボタ…

最近の記事

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

アーカイブ

PAGE TOP