Template:Image frame: Difference between revisions
Jump to navigation
Jump to search
(well, allow an explicit 'none' option then) |
(Add pos parameter so other objects such as trees can use Template:Imageframe) |
||
| Line 1: | Line 1: | ||
<includeonly>{{#ifeq: {{{align|right}}} | center | <div class="center"> | | <includeonly>{{#ifeq:{{{align|right}}}|center|<div class="center">|}} | ||
}}<div class="thumb {{#switch: {{{align|right}}} | right=tright | left=tleft | center=tnone | none=tnone | tright}}"><div class="thumbinner" style="width:{{#expr:{{{width}}}+2}}px;"><div class="thumbimage" style="width:{{{width}}}px;">{{{content}}}</div> | <div class="thumb {{#switch: {{{align|right}}} | right=tright | left=tleft | center=tnone | none=tnone | | ||
<div class="thumbcaption">{{#if: {{{link|}}} | <div class="magnify" style="float:right">{{{linkoverride|[[{{{link}}}|info]]}}}</div> |}}{{{caption|}}}</div></div></div>{{#ifeq: {{{align|right}}} | center | </div> | }}</includeonly><noinclude> | tright}}"><div class="thumbinner" style="width:{{#expr:{{{width|200}}}+2}}px;"> | ||
{{#ifeq: {{{pos|bottom}}} | bottom |<div class="thumbimage" style="width:{{{width|200}}}px;">{{{content}}}</div>|}} | |||
<div class="thumbcaption">{{#if: {{{link|}}} | <div class="magnify" style="float:right">{{{linkoverride|[[{{{link}}}|info]]}}}</div> |}} | |||
{{{caption|}}}</div> | |||
{{#ifeq: {{{pos|bottom}}} | top | <div class="thumbimage" style="width:{{{width|200}}}px;">{{{content}}}</div> |}}</div></div> | |||
{{#ifeq:{{{align|right}}}|center|</div>|}}</includeonly><noinclude> | |||
This template creates a frame like those surrounding images. This template can be used to put two or more images into a frame together, or as a wrapper for more complicated templates like {{tl|superimpose}}. Sample code for using this template is presented below. | This template creates a frame like those surrounding images. This template can be used to put two or more images into a frame together, or as a wrapper for more complicated templates like {{tl|superimpose}}. Sample code for using this template is presented below. | ||
<pre width=100%> | <pre width=100%> | ||
{{Imageframe|width=|content=|caption=|link=|align=}} | {{Imageframe|width=|content=|caption=|link=|align=|pos=}} | ||
</pre> | </pre> | ||
| Line 17: | Line 22: | ||
*'''linkoverride''': allows anything to be used instead of the 'info' link | *'''linkoverride''': allows anything to be used instead of the 'info' link | ||
*'''align''': Valid values: right ''(default)'', left, center. | *'''align''': Valid values: right ''(default)'', left, center. | ||
*'''pos''': Valid values: top, bottom ''(default)'' | |||
==Example== | ==Example== | ||
By filling out the parameters as follows, the result will be as shown below the code. | By filling out the parameters as follows, the result will be as shown below the code. | ||
| Line 24: | Line 29: | ||
</pre> | </pre> | ||
{{Imageframe|width=200|content=[[Image:Example.png|100px]][[Image:Example.png|100px]]|caption=Example usage|link=Hello world|align=center}} | {{Imageframe|width=200|content=[[Image:Example.png|100px]][[Image:Example.png|100px]]|caption=Example usage|link=Hello world|align=center}} | ||
<pre width=100%> | |||
{{Imageframe|width=200|content=[[Image:Example.png|100px]][[Image:Example.png|100px]]|caption=Example usage|link=Hello world|align=center|pos=top}} | |||
</pre> | |||
{{Imageframe|width=200|content=[[Image:Example.png|100px]][[Image:Example.png|100px]]|caption=Example usage|link=Hello world|align=center|pos=top}} | |||
[[Category:Formatting templates|{{PAGENAME}}]] | [[Category:Formatting templates|{{PAGENAME}}]] | ||
</noinclude> | </noinclude> | ||
Revision as of 01:10, 17 November 2007
This template creates a frame like those surrounding images. This template can be used to put two or more images into a frame together, or as a wrapper for more complicated templates like {{superimpose}}. Sample code for using this template is presented below.
{{Imageframe|width=|content=|caption=|link=|align=|pos=}}
Parameters
- Required
- width: the width of the image within the frame, in pixels (though do not add "px" to the width: ie, use width=175 and not width=175px)
- content: content of the main section (generally images)
- Optional
- caption: content of the caption section
- link: link for the "Enlarge" link in the caption (in the future, may also be used as the link for the image field inside the frame, though it would probably require an additional height parameter)
- linkoverride: allows anything to be used instead of the 'info' link
- align: Valid values: right (default), left, center.
- pos: Valid values: top, bottom (default)
Example
By filling out the parameters as follows, the result will be as shown below the code.
{{Imageframe|width=200|content=[[Image:Example.png|100px]][[Image:Example.png|100px]]|caption=Example usage|link=Hello world|align=center}}
{{Imageframe|width=200|content=[[Image:Example.png|100px]][[Image:Example.png|100px]]|caption=Example usage|link=Hello world|align=center|pos=top}}