Template:Image frame/doc

Jump to navigation Jump to search
This is the TemplateData documentation for this template used by VisualEditor and other tools; see the monthly error report for this template.

TemplateData for Image frame

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}}.
{{Image frame|width=|content=|caption=|link=|align=|pos=|mode=|max-width=|dir=}}

Template parameters

ParameterDescriptionTypeStatus
Alignmentalign
"left" and "right" float the image to that side. "center" centres the image, and "none" left-aligns it without floating.
Default
right
Stringoptional
Widthwidth
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
Numbersuggested
Caption positionpos
Where to put the caption. Valid values: top, bottom.
Default
bottom
Stringoptional
Inner frame styleinnerstyle
Plain CSS to apply to the inner frame. Use with care. Examples: text-align: center;, background: #ccc;.
Stringoptional
Contentcontent
Content of the main section (generally images).
Contentrequired
Borderborder
Border of the main section (generally images).
Default
yes
Contentoptional
Link overridelinkoverride
Completely replaces the 'info' link.
Lineoptional
CaptioncaptionContentoptional
Modemode
Display mode of the main section, input scrollable will make the content scroling if the content is longer than viewport.
Stringoptional
Maximum widthmax-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%
Numbersuggested
Directiondir
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.
Stringoptional

Examples[edit source]

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}}
PNG transparency demonstration 1.pngWhite Stars 3.svg
Desc-i.svg
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}}
Desc-i.svg
Example usage
PNG transparency demonstration 1.pngWhite Stars 3.svg

See also[edit source]

External links[edit source]