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. universal-tilt.js

    JavaScript

    パララックスなど多彩なチルト効果を実装できる「universal-tilt.js」

    universal-tilt.jsはパララックスやスケールなど多彩なチ…

  2. no-image

    JavaScript

    フルスクリーンによるjQueryモーダルウィンドウ実装「FullMod」

    FullModはフルスクリーンによるモーダルウィンドウを実装できるjQ…

  3. ResponsifyJS

    JavaScript

    画像で見せたいエリアを保持しながらレスポンシブにできる「ResponsifyJS」

    ResponsifyJSは画像のなかで見せたいエリアを保持させながらレ…

  4. no-image

    JavaScript

    豊富なオプションでカスタマイズ性も高いjQueryスライダー「startVal」

    startValは豊富なオプションやAPIを有したカスタマイズ性の高い…

  5. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

  6. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

最近の記事

  1. cheero USB-C PD Charger 60W
  2. DY-S01
  3. OWL-QI10W04
  4. BQ-CC87L

アーカイブ

PAGE TOP