jQuery Sequency js

JavaScript

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

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

jQuery Sequency js

デモ

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

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

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

jQuery Sequency js

jQuery Video Extend動画をチャプターごとに区切れる「jQuery Video Extend」前のページ

軽量でクロスブラウザ、モダンブラウザに対応した「Air Datepicker」次のページAir Datepicker

最近の記事

  1. trolox(トロロックス)
  2. ホットコーヒー
  3. すぱじろうのたらことサーモンと千寿ねぎのすぱ
  4. 2022.09.14

    ボルダリング

PAGE TOP