jQuery Sequency jsはスクロールでビフォー・アフター画像を見比べることができるjQueryプラグインです。複数の画像がセット可能で、スクロールアップ・ダウンすることで画像をチェックできます。
jQuery Sequency js
以下はjQuery Sequency jsの実際のデモになります。
デモでは全部で4枚の画像が使われています。スクロールしていくことで、徐々に画像が変化していきます。
スクロールアップ・ダウンの他にも左側にあるナビゲーションからも各画像の位置にアクセスできるようになっています。
一般的なビフォー・アフター画像をチェックできるプラグインは、2枚の画像を並べて比較するものが多いのですが、jQuery Sequency jsは2枚以上の画像をセットできるのがいいですね。
使い方によってはいろいろと応用もできそうなので、気になる方は是非チェックされてみてはいかがでしょうか。
