Template:Image frame

Template documentation[view] [edit] [history] [purge]

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.

Parametri template[Modifica dati del modello]
Parametro		Descrizione	Tipo	Stato
Content	`content`	Content of the main section (generally images).	Contenuto	obbligatorio
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). Predefinito Automatic, based on content	Numero	consigliato
Alignment	`align`	"left" and "right" float the image to that side. "center" centres the image, and "none" left-aligns it without floating. Valori suggeriti `left` `center` `right` `none` Predefinito right	Stringa	facoltativo
Caption position	`pos`	Where to put the caption. Valid values: top, bottom. Predefinito bottom	Stringa	facoltativo
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>.	Stringa	facoltativo
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).	Nome della pagina	facoltativo
Alternative link text	`link_text`	Alternative text used for the link for the "Enlarge" link in the caption, usually displayed as tooltip.	Stringa	facoltativo
Link override	`linkoverride`	Completely replaces the 'info' link.	Linea	facoltativo
Caption	`caption`	nessuna descrizione	Contenuto	facoltativo
Border	`border`	Border of the main section (generally images). Predefinito yes	Contenuto	facoltativo
Mode	`mode`	Display mode of the main section, "scrollable" will make the content scrolling if the content is longer than viewport.	Stringa	facoltativo
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. Predefinito 100%	Numero	consigliato
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.	Stringa	facoltativo
style	`style`	nessuna descrizione	Contenuto	facoltativo

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

{|
|-
|
{{Image frame|caption={{magnify icon|link=File:WW2-Holocaust-Europe.png}} Concentration-camp network of Nazi-occupied Europe.<br>Auschwitz is circled.|align=left
|content={{Superimpose
  | base = WW2-Holocaust-Europe.png
  | base_width = 300px
  | base_alt = Concentration-camp network in Nazi-occupied Europe
  | base_caption = Concentration-camp network in Nazi-occupied Europe
  | float = Red circle thick.svg
  | float_width = 20px
  | x = 171
  | y = 120
}}}}
|
# {{tl|Image frame}} to add frame and caption to a complex image made by {{tl|Superimpose}} — float [[File:Red circle thick.svg|20px]] on base [[File:WW2-Holocaust-Europe.png|100px]] 
# Manually add {{tl|magnify icon}} to caption to simulate the thumbnail icon [[File:Magnify-clip.svg|15px]]
# caption text won't auto-wrap to image width; you can add <br /> to prevent text overshooting. 
|}

Template:Superimpose

Template:Magnify icon 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.

Examples

See also