ビフォー/アフター スライダー
2枚の画像を1本のディバイダーで比較
画像を2枚(data-before/data-after)指定するだけで、ドラッグできる比較スライダーになります。マウス・タッチのドラッグとキーボード(←/→・Home/End)に対応し、コーナーラベル(data-before-label/data-after-label)、初期位置(data-start)、ディバイダー色(data-accent)も変更できます。写真補正、リフォーム前後、AI 生成結果の比較など「何が変わったか」を見せる最も効果的な方法です。 Mr. Latte メンバーシップ(サイト2つまですべてのウィジェット)に含まれます。メンバーシップ期間中は 比較 の投稿数に制限はありません。
デモ
プレビュー
ビフォー
アフター
ディバイダーをドラッグ(または ←/→)して2枚を比較
連携設定
同じローダー(bootsignal.js)が他のウィジェットも動かします。ウィジェットの表示には有効なサブスクリプションが必要です。
料金
料金は Mr. Latte メンバーシップひとつだけです。メンバーになるとサイト2つまですべてのウィジェットを使え、ほかの Mr. Latte サービスの有料機能も一緒に開きます。比較 の投稿(書き込み)にはメンバーシップが必要で、投稿数に制限はなく、訪問者の閲覧は常に無料です。料金の確認と加入、管理は accounts.mrlatte.net で行います。 料金の詳細 →