画像比較
画像比較
画像比較を使うと、2枚の画像を重ね、仕切りを動かして違いを見比べられます。リフォームの前後、製品のアップグレード、デザインの変更など、変化をわかりやすく伝えたい場合に適しています。
画像比較を使うメリット
- 変化をわかりやすく伝える： 「ビフォー」と「アフター」の表示範囲を動かしながら、変わった箇所を確認できます。
- 訪問者の関心を引きつける： 仕切りを自分で操作できるため、気になる部分をじっくり見比べられます。
- さまざまな比較に使える： 住宅リフォーム、製品のデザイン変更、写真の加工前後、トレーニングの成果などの紹介に活用できます。
表示方法の選択
インタラクティブ（ドラッグ）
訪問者がスライダーハンドルを左右にドラッグして、2枚の画像の表示範囲を調整します。自分のペースで違いを確認できます。
スクロールで表示
訪問者がページをスクロールすると、それに合わせて仕切りが自動で動き、画像の表示範囲が変わります。ハンドルを操作せずに、変化を見せられます。
設定方法
- 画像を追加する： 「左画像」と「右画像」に、比較したい画像をアップロードします。
- フォーカスポイントを設定する： 各画像をドラッグして、中心に見せたい位置を指定します。画面サイズや切り抜き範囲が変わっても、重要な部分が表示されるように調整できます。
- ラベルを設定する： 「左ラベル」と「右ラベル」に、各画像の説明を入力します（例：「ビフォー」「アフター」）。
「スクロールで表示」の設定
- 表示の停止位置： 仕切りがどの位置まで動くかを設定します。
- 表示速度： 画像の表示範囲が変わるアニメーションの速度を調整します。
ウィジェット一覧
更新日 06/09/2026
ありがとうございます