jQuery Sequency js

JavaScript

スクロールでビフォー・アフター画像を見比べれる「jQuery Sequency js」

jQuery Sequency jsはスクロールでビフォー・アフター画像を見比べることができるjQueryプラグインです。複数の画像がセット可能で、スクロールアップ・ダウンすることで画像をチェックできます。

jQuery Sequency js

デモ

デモでは全部で4枚の画像が使われています。スクロールしていくことで、徐々に画像が変化していきます。

スクロールアップ・ダウンの他にも左側にあるナビゲーションからも各画像の位置にアクセスできるようになっています。

一般的なビフォー・アフター画像をチェックできるプラグインは、2枚の画像を並べて比較するものが多いのですが、jQuery Sequency jsは2枚以上の画像をセットできるのがいいですね。

jQuery Sequency js

関連記事

  1. shCircleLoader
  2. JavaScript

    jQueryプラグインのレスポンシブなカルーセルのスライダー「Elastislide」を使ってみた

    jQueryプラグインで画面のサイズによってレイアウトを合わせてくれる…

  3. mmenu

    JavaScript

    スマホアプリのように横からスライドするメニューのjQueryプラグイン「mmenu」

    mmenuというjQueryプラグインを使えば、スマホアプリのように横…

  4. no-image
  5. awNotices

    JavaScript

    スタート・ストップ機能がついたシンプルなjQueryニュースティッカー「awNotices」

    awNoticesはスタート・ストップ機能がついたシンプルに切り替わる…

  6. AnimateScroll

    JavaScript

    面白いエフェクトのページ内スクロールを実装できるjQueryプラグイン「AnimateScroll」…

    ページの任意の場所にスクロールできるjQueryプラグイン「Anima…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP