2つの画像をビフォー・アフターで比較したり、2つの画像の違いを見比べて欲しいときに、どんなふうに画像を配置しますか? 上下に2枚置いたり、あるいは左右に並べて配置させて比べてみたり、様々な方法があります。 その中で、近年様々な媒体で使われている*「画像比較スライダー」*と呼ばれる手段があります。 画像比較スライダーとは、1枚の画像の枠に2枚の画像を重ねて配置し、境界線をスライドさせることで2枚の画像を切り替えることができるウィジェットです。 実装するためのプラグインはすでに多数リリースされており、少しのコードで簡単に実装することができます。 今回は、画像比較ができるjQueryスライダープラグイン9つをご紹介します。 ユーザーのマウス操作やスマートフォンの指の操作で作動するユニークなユーザーインターフェイスなので、ホームページやブログ記事で使うと面白みが増すかもしれません。 画像比較ができ
![画像比較を載せたい時に重宝する!スライドして画像を切り替える「JQueryスライダープラグイン」9選](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d36ae16a717360f70b13e83e4720c68d67e1c45/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F8760%2Fog_image%2Fdefault-2a27a1f5edee5836fbee3cef781cfc4b.jpg)