ビフォーアフター・スライダーメーカー
PCで使う道具です。できたHTMLは、HTMLを貼れる編集画面（ホームページ作成サービスのHTML編集など）か、自分のサイトに置く形で使います。スマホでは、貼り付け先がないと表示できません。
Before写真とAfter写真を選ぶと、左右にドラッグして見比べられるページを作れます。ログイン不要、写真はこのブラウザの中だけで処理され、送信されません。
写真を選ぶ
Before写真
まだ選んでいません
After写真
まだ選んでいません
ラベルの表記
プレビュー
Before写真とAfter写真を両方選ぶと、ここに見比べるスライダーが出ます。
これはサンプルのイラストです。実際の施術・作業の写真ではありません。
After写真は縦横比がBeforeと違うため、中央を基準に切り抜いて表示します。
つまみ（縦線）を左右にドラッグするか、矢印キーで動かせます。
書き出す
書き出しHTMLの大きさ: 写真を2枚選ぶと表示します
重くなります。写真を減らすか小さくしてください。
iPhone・iPadでは、コピーしたHTMLを貼れる編集画面がないと、貼っても表示されません（メモ帳などでは文字になるだけです）。保存したファイルをメールで送ると、警告が出て受け取れないことがあります。PCで開いて使うのがおすすめです。
サイトの種類によっては貼り付けられない場合があります。保存したファイルをメールに添付すると、ブロックされることがあります。AirDropやクラウド（ドライブ等）経由で移すか、HTML全文をコピーしてください。貼り付け先でscriptが使えないと、つまみは動きません。幅はページに合わせて自動で決まり、高さは表示領域の70%までです。写真に人が写っている場合は、撮影・公開について本人への確認をお願いします。ビフォーアフターの効果を保証するものではありません。