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

    JavaScript

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した…

  2. Stackbox.js

    JavaScript

    プルプル震えるモーダルボックスを実装できるjQueryプラグイン「Stackbox.js」

    Stackbox.jsというjQueryプラグインを使えば、プルプル震…

  3. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

  4. waslidemenu
  5. jquery.square.js

    JavaScript

    スクエアなグリッドレイアウトを実装できる「jquery.square.js」

    jquery.square.jsは、スクエアなグリッドレイアウトを実装…

最近の記事

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