← all widgetsbefore / after sliderembed url →
after
beforebefore
after
↔

default config

{
  "before": "https://placehold.co/720x450/333/fff?text=before",
  "after": "https://placehold.co/720x450/0a7/fff?text=after",
  "beforeLabel": "before",
  "afterLabel": "after",
  "ratio": 1.6
}

embed by iframe: <iframe src="https://widgets.whitelabel.dev/embed/before-after-slider?config=eyJiZWZvcmUiOiJodHRwczovL3BsYWNlaG9sZC5jby83MjB4NDUwLzMzMy9mZmY%2FdGV4dD1iZWZvcmUiLCJhZnRlciI6Imh0dHBzOi8vcGxhY2Vob2xkLmNvLzcyMHg0NTAvMGE3L2ZmZj90ZXh0PWFmdGVyIiwiYmVmb3JlTGFiZWwiOiJiZWZvcmUiLCJhZnRlckxhYmVsIjoiYWZ0ZXIiLCJyYXRpbyI6MS42fQ%3D%3D"></iframe>