Template:ImageCompare: Difference between revisions

From Tech Tangents
Jump to navigation Jump to search
No edit summary
No edit summary
Line 8: Line 8:
   href="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/styles.css"
   href="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/styles.css"
/>
/>
 
<div style="display:inline-block;" >
<img-comparison-slider>
<img-comparison-slider>
   <img slot="first" src="https://wiki.techtangents.net/wiki/Special:FilePath/{{{Picture Left}}}?width={{{Picture Width}}}" style="width:{{{Picture Width}}}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="https://wiki.techtangents.net/wiki/Special:FilePath/{{{Picture Right}}}?width={{{Picture Width}}}" style="width:{{{Picture Width}}}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>
<a href="https://wiki.techtangents.net/wiki/Special:FilePath/{{{Picture Left}}}">Left</a>
<a href="https://wiki.techtangents.net/wiki/Special:FilePath/{{{Picture Right}}}" style="float:right;clear:right;">Right</a>
</div>
}}
}}
<noinclude>
<noinclude>

Revision as of 14:35, 24 February 2025

Left Right

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