https://lgbthistoryuk.org/index.php?action=history&feed=atom&title=Template%3ABefore_after
Template:Before after - Revision history
2026-07-17T09:08:06Z
Revision history for this page on the wiki
MediaWiki 1.45.1
https://lgbthistoryuk.org/index.php?title=Template:Before_after&diff=55757&oldid=prev
LGBT-HP: Add Rephoto app link
2026-07-15T07:38:19Z
<p>Add Rephoto app link</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 07:38, 15 July 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div class="ba-slider" style="max-width:{{{width|640}}}px;">[[File:{{{before}}}|link=|alt={{{beforelabel|Then}}}]]<span class="ba-after-wrap">[[File:{{{after}}}|link=|alt={{{afterlabel|Now}}}]]</span><span class="ba-label ba-label-before">{{{beforelabel|Then}}}</span><span class="ba-label ba-label-after">{{{afterlabel|Now}}}</span></div><div class="ba-caption">{{{caption|}}}</div><noinclude></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div class="ba-slider" style="max-width:{{{width|640}}}px;">[[File:{{{before}}}|link=|alt={{{beforelabel|Then}}}]]<span class="ba-after-wrap">[[File:{{{after}}}|link=|alt={{{afterlabel|Now}}}]]</span><span class="ba-label ba-label-before">{{{beforelabel|Then}}}</span><span class="ba-label ba-label-after">{{{afterlabel|Now}}}</span></div><div class="ba-caption">{{{caption|}}}</div><noinclude></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Before/after image slider.''' Drag to wipe between a historic photo and a modern re-shot <del style="font-weight: bold; text-decoration: none;">— a companion to </del>the Rephoto <del style="font-weight: bold; text-decoration: none;">alignment workflow</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Before/after image slider.''' Drag to wipe between a historic photo and a modern re-shot<ins style="font-weight: bold; text-decoration: none;">. Align the pair first with </ins>the <ins style="font-weight: bold; text-decoration: none;">free [https://nearmark.co.uk/rephoto </ins>Rephoto <ins style="font-weight: bold; text-decoration: none;">app] (download and how-to)</ins>.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre></div></td></tr>
<!-- diff cache key lgbtwiki:diff:1.41:old-55753:rev-55757:php=table -->
</table>
LGBT-HP
https://lgbthistoryuk.org/index.php?title=Template:Before_after&diff=55753&oldid=prev
LGBT-HP: Before/after slider template
2026-07-15T07:05:02Z
<p>Before/after slider template</p>
<p><b>New page</b></p><div><div class="ba-slider" style="max-width:{{{width|640}}}px;">[[File:{{{before}}}|link=|alt={{{beforelabel|Then}}}]]<span class="ba-after-wrap">[[File:{{{after}}}|link=|alt={{{afterlabel|Now}}}]]</span><span class="ba-label ba-label-before">{{{beforelabel|Then}}}</span><span class="ba-label ba-label-after">{{{afterlabel|Now}}}</span></div><div class="ba-caption">{{{caption|}}}</div><noinclude><br />
'''Before/after image slider.''' Drag to wipe between a historic photo and a modern re-shot — a companion to the Rephoto alignment workflow.<br />
<br />
<pre><br />
{{Before after<br />
| before = Old_photo.jpg<br />
| after = New_photo.jpg<br />
| caption = Optional caption<br />
| beforelabel = Then<br />
| afterlabel = Now<br />
| width = 640<br />
}}<br />
</pre><br />
<br />
Both images should be the same size and crop. Full guide and a live demo: [[Help:Before-after slider]].<br />
</noinclude></div>
LGBT-HP