スライダーで画像比較

ウェブサイトを運営する際、ジャンルによっては使用前・使用後の画像を使う機会があるかと思います。

 

例えばリフォーム前・リフォーム後とか洗浄前・洗浄後とかメイク前・メイク後とか修正前・修正後とかですね。

 

こんなとき前・後の2枚の画像を縦（or 横）に2枚並べて比較するのももちろんアリですが、2枚の画像を重ねて見較べると、どこがどのように変わったのかが一目瞭然になります。

 

【Volar】にはこの画像比較が簡単にできる機能が搭載されています。

用意するのは同じサイズの2枚の画像だけ。

あとはすべて設定済みです。

 

この機能の詳細についてはコチラ↓をご覧ください。

 

コチラ↓が実際の画面で、画像上の矢印の部分をマウスでドラッグ（スマホでのタップも可）すると2枚の画像の違いが比較できます。

 

ちなみに”湯気があるかどうか”の違いです。