no-image

JavaScript

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

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

jquery-slide

jquery-slide

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

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

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

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

関連記事

  1. waslidemenu
  2. no-image

    JavaScript

    シンプル・軽量なjQueryイメージビューア「WimmViewer」

    WimmViewerはシンプルで軽量なイメージビューアを実装できるjQ…

  3. Dialogify

    JavaScript

    カスタマイズできるダイアログ・ライトボックスを作成できる「Dialogify」

    Dialogifyはカスタマイズできるダイアログやライトボックスなどを…

  4. FilmRoll

    JavaScript

    中央に来た項目に焦点を当てるカルーセルを実装できるjQueryプラグイン「FilmRoll」

    FilmRollというjQueryプラグインを使えば中央に来た項目に焦…

  5. Letter Drop

    JavaScript

    雨のように文字が落ちてくるアニメーションのjQueryプラグイン「Letter Drop」

    Letter DropというjQueryプラグインを使えば、雨のように…

最近の記事

  1. Soundcore Liberty Air 2
  2. Soundcore Liberty 2
  3. マザーツリー
  4. RICOH THETA SC2

アーカイブ

PAGE TOP