jQuery Image Comparison Slider – ドラッグできるスライダーを使った画像比較
GitHubでは画像の差分を見る際に垂直なスライダーが表示されます。それによってどの部分が違うのか一目で分かるようになっています。二つの画像を比較したいというのはバージョン管理に限らずあることでしょう。 そんな時に使ってみたいのがjQuery Image Comparison Sliderです。スライダーを使って二つの画像を簡単に比較できるようになります。
jQuery Image Comparison Sliderの使い方
変更前と変更後、例えば画像のエフェクト前とオリジナルを比べたりするのが面白そうです。なお画像の大きさ自体は同じでないといけないのでご注意ください。
jQuery Image Comparison SliderはjQuery/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。