Difference between revisions of "Template:Imagepair"
imported>Pee Tern m (→Usage: Tweaked wording.) |
imported>Pee Tern m (→Example 2: Removed extraneous new line / break.) |
||
| Line 59: | Line 59: | ||
{{lorem}} | {{lorem}} | ||
| − | </noinclude | + | </noinclude><includeonly>{| style="float:{{{float|right}}}; cellpadding:0px; cellspacing:0px; border:solid 1px #aaa;" |
| − | |||
| − | |||
| − | |||
| − | {| style="float:{{{float|right}}}; cellpadding:0px; cellspacing:0px; border:solid 1px #aaa;" | ||
{{#if:{{{caption|}}}| | {{#if:{{{caption|}}}| | ||
!{{{caption}}}}} | !{{{caption}}}}} | ||
Revision as of 05:31, 22 October 2008
Contents
Purpose
Alows a pair of images to be presented to the reader, but one at a time to save page space where there is a main image of interest, and there is typically always a second but less interesting image associated which can be optionally looked at if the reader wants to.
Usage
{{imagepair
|mainimage =
|reverseimage =
|caption =
|float =
|size =
|reverse =
}}
or
{{imagepair |mainimage= |reverseimage= |caption= |float= |size= |reverse= }}
Minimum useage is:
{{imagepair |mainimage= |reverseimage= }}
- mainimage, mandatory, main image to be presented, image file name
- reverseimage, mandatory, reverse image to be presented at reader's discretion, image file name
- caption, optional, caption for the images, which is displayed as a heading, defaults to no heading caption, optionally linked text
- float, optional, float the image across the page relative to other content, defaults to 'right', 'left' or 'right'
- size, optional, size of the image in pixels, defaults to 180, number
- reverse, optional, text to hint user what the other image is, defaults to 'Reverse side', optionally linked text
Examples
Example 1
{{imagepair |mainimage=21 white, red rounded rectangle.svg |reverseimage=12 white, green rounded rectangle.svg
|caption=Special Prize Medallion}}
The main image 180px with reverse image 180px looks like
| Special Prize Medallion | ||
|---|---|---|
| Main view | ||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Example 2
{{imagepair |mainimage=Hancoin1large.jpg |reverseimage=ClaudiusII CNG).jpg |float=left |size=90
|reverse=Flip}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| Main view | ||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
.jpg){kind=link}