Template:Compare/doc: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
No edit summary
No edit summary
Line 2: Line 2:


== Usage ==
== Usage ==
 
This template displays differently depending on the parameters you choose. 
{{compare|file.jpg|file2.jpg|cap|cap2}}
{{compare|file.jpg|file2.jpg|cap|cap2|best=file3.jpg|bestcap=cap3}}
Type
Type


:<code><nowiki>{{compare|file.jpg|file2.jpg|cap|cap2}}</nowiki></code>
:<code><nowiki>{{compare|file.jpg|file2.jpg|cap|cap2}}</nowiki></code>


:::to produce:
to produce the top right image. Alternately, if you have three images you'd like to compare, you can type 
{{compare|file.jpg|file2.jpg|cap|cap2}}
 
If you want to add a third image, you'll need to add :<code><nowiki><code>best=file3.jpg|bestcap=cap3</nowiki></code>
 
::such that you get:
 
{{compare|cricket.jpg|file2.jpg|cap|cap2|best=file3.jpg|bestcap=cap3}}
 
Normally, this template floats right, but you can put it on the left side of the page if you want by adding <code>float=left</code> to the mix.
 


:<code><nowiki><code>best=file3.jpg|bestcap=cap3</nowiki></code>
{{compare|float=left|Old Jamie.jpg|Jamie and the Doctor.jpg|'''Lots of problems here''':  Biggest thing is that the image is in colour and the comic was originally monochromatic.  But also, double frames|Monochromatic}}
{{compare|float=left|Old Jamie.jpg|Jamie and the Doctor.jpg|'''Lots of problems here''':  Biggest thing is that the image is in colour and the comic was originally monochromatic.  But also, double frames|Monochromatic}}
:which will give you the second image.  If, however, you want to make the comparison appear on the '''left''' side of the page, like our third example, you just need to add <code>float=left</code> to the mix.

Revision as of 18:53, 24 March 2012

{{compare}} is a "quick 'n' dirty" template for comparing multiple images. It's mainly intended for admin use in order to offer a side-by-side comparison of up to three images at 130px, so that the user can see the difference between pictures at typical thumbnail width.

Usage

This template displays differently depending on the parameters you choose.

Bad Better
File:File.jpg File:File2.jpg
cap cap2


Bad Better Best
File:File.jpg File:File2.jpg File:File3.jpg
cap cap2 cap3

Type

{{compare|file.jpg|file2.jpg|cap|cap2}}

to produce the top right image. Alternately, if you have three images you'd like to compare, you can type

<code>best=file3.jpg|bestcap=cap3
Bad Better
Old Jamie.jpg Jamie and the Doctor.jpg
Lots of problems here: Biggest thing is that the image is in colour and the comic was originally monochromatic. But also, double frames Monochromatic
which will give you the second image. If, however, you want to make the comparison appear on the left side of the page, like our third example, you just need to add float=left to the mix.