Help:Before-after slider
The before/after slider lets a reader drag between a historic photograph and a modern re-shot of the same view. It is a natural companion to the Rephoto alignment workflow: Rephoto lines the new photo up to the old one, then both are uploaded here and shown together with a draggable slider.
Live example
ThenNowPlaceholder demo – drag the handle to wipe between "then" and "now". These are stand-in images until real photos are added.
How to use it
Upload both photographs (ideally a Rephoto-aligned pair – the same size and crop), then add:
{{Before after
| before = Historic_photo.jpg
| after = Modern_photo.jpg
| caption = Royal Vauxhall Tavern, then and now
| beforelabel = 1985
| afterlabel = 2026
}}
- before / after
- The two image filenames (required).
- caption
- Optional text shown beneath the slider.
- beforelabel / afterlabel
- The small corner tags (default "Then" / "Now").
- width
- Maximum display width in pixels (default 640).
The two images must be the same dimensions for the wipe to line up – which is exactly what Rephoto produces.
See also the template: Template:Before after.