Template:Image frame/doc

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 [[:Template:Superimpose]]. <noexport><br/><code>&#123;&#123;Image frame &#124;align= &#124;mode= &#124;width= &#124;max-width= &#124;style= &#124;border= &#124;pos= &#124;link= &#124;linkoverride= &#124;link_text= &#124;caption= &#124;dir= &#124;innerstyle= &#124;content= &#125;&#125;</code></noexport>

Template parameters

Parameter		Description	Type	Status
Content	content	Content of the main section (generally images).	Content	required
Width	width	The width of the image within the frame, in pixels (though do not add "px" to the width e.g., use width=175 and not width=175px). Default Automatic, based on content	Number	suggested
Alignment	align	"left" and "right" float the image to that side. "center" centres the image, and "none" left-aligns it without floating. Suggested values left center right none Default right	String	optional
Caption position	pos	Where to put the caption. Valid values: top, bottom. Default bottom	String	optional
Inner frame style	innerstyle	Plain [[CSS]] to apply to the inner frame. Use with care. Examples: <code>text-align: center;</code>, <code>background: #ccc;</code>.	String	optional
Link	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).	Page name	optional
Alternative link text	link_text	Alternative text used for the link for the "Enlarge" link in the caption, usually displayed as tooltip.	String	optional
Link override	linkoverride	Completely replaces the 'info' link.	Line	optional
Caption	caption	no description	Content	optional
Border	border	Border of the main section (generally images). Default yes	Content	optional
Mode	mode	Display mode of the main section, input <code>scrollable</code> will make the content scroling if the content is longer than viewport.	String	optional
Maximum width	max-width	The maximum width of the image within the frame, in pixels (though do not add "px" to the width e.g., use max-width=350 and not max-width=350px), valid only in scrollable mode. Default 100%	Number	suggested
Direction	dir	Use the value "rtl" to make the right side of the image the initial visible portion inside the scroll frame, valid only in scrollable mode.	String	optional
style	style	no description	Content	optional

Examples

By filling out the parameters as follows, the result will be as shown below the code.

{{Image frame|width=200|content=[[File:PNG transparency demonstration 1.png|100px]][[File:White Stars 3.svg|100px]]
|caption=Example usage|link=Hello world|align=center}}

Example usage

{{Image frame|width=200|content=[[File:PNG transparency demonstration 1.png|100px]][[File:White Stars 3.svg|100px]]
|caption=Example usage|link=Hello world|align=center|pos=top}}

Example usage

<syntaxhighlight lang="tid" style="overflow:auto">

Concentration-camp network of Nazi-occupied Europe. Auschwitz is circled.

{{Image frame}} to add frame and caption to a complex image made by {{Superimpose}} — float on base Manually add {{magnify icon}} to caption to simulate the thumbnail icon caption text won't auto-wrap to image width; you can add to prevent text overshooting.

</syntaxhighlight>

Concentration-camp network of Nazi-occupied Europe. Auschwitz is circled.

{{Image frame}} to add frame and caption to a complex image made by {{Superimpose}} — float on base Manually add {{magnify icon}} to caption to simulate the thumbnail icon caption text won't auto-wrap to image width; you can add <br> to prevent text overshooting.

See also

• Wikipedia:Extended image syntax
  • For [[File: .. |thumb .. or [[Image .. | et cetera.
• {{image array}}
• {{multiple image}}
• {{photo montage}}
• {{pseudo image}}
• {{align}}
• {{center}}, {{right}} and {{left}}