Template:ImageCompare: Difference between revisions

From Tech Tangents
Jump to navigation Jump to search
(Created page with "<html> <script defer src="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/index.js" ></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/styles.css" /> <img-comparison-slider> <img slot="first" src="/wiki/Special:FilePath/{{{PictureLeft}}}?width={{{Picturewidth}}}" style="width:{{{Picturewidth}}}px;" /> <img slot="second" src="/wiki/Special:FilePath/{{{PictureRight}}}?width={{{Picturewidth}}}" style="wid...")
 
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
{{#tag:html|
<script
<script
   defer
   defer
   src="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/index.js"
   src="https://wiki.techtangents.net/images/index.js"
></script>
></script>
<link
<link
   rel="stylesheet"
   rel="stylesheet"
   href="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/styles.css"
   href="https://wiki.techtangents.net/images/styles.css"
/>
/>
 
<div style="display:inline-block;" >
<img-comparison-slider>
<img-comparison-slider style="display:block;" >
   <img slot="first" src="/wiki/Special:FilePath/{{{PictureLeft}}}?width={{{Picturewidth}}}" style="width:{{{Picturewidth}}}px;" />
   <img slot="first" src="https://wiki.techtangents.net/wiki/Special:FilePath/{{{Picture Left}}}?width={{{Picture Width}}}" style="width:{{{Picture Width}}}px;" />
   <img slot="second" src="/wiki/Special:FilePath/{{{PictureRight}}}?width={{{Picturewidth}}}" style="width:{{{Picturewidth}}}px;" />
   <img slot="second" src="https://wiki.techtangents.net/wiki/Special:FilePath/{{{Picture Right}}}?width={{{Picture Width}}}" style="width:{{{Picture Width}}}px;" />
</img-comparison-slider>
</img-comparison-slider>
</html>
<a href="https://wiki.techtangents.net/wiki/Special:FilePath/{{{Picture Left}}}">Left Full Image</a>
<a href="https://wiki.techtangents.net/wiki/Special:FilePath/{{{Picture Right}}}" style="float:right;clear:right;">Right Full Image</a>
</div>
}}
<noinclude>
<templatedata>
{
"params": {
"Picture Left": {
"type": "wiki-file-name",
"required": true
},
"Picture Width": {
"type": "number",
"required": true
},
"Picture Right": {
"type": "wiki-file-name",
"required": true
}
},
"paramOrder": [
"Picture Left",
"Picture Right",
"Picture Width"
]
}
</templatedata>
</noinclude>

Latest revision as of 23:22, 25 March 2025

Left Full Image Right Full Image

No description.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
Picture LeftPicture Left

no description

Filerequired
Picture RightPicture Right

no description

Filerequired
Picture WidthPicture Width

no description

Numberrequired