Documentation icon Andoza hujjati[koʻrib chiqish] [tahrirlash] [tarix] [yangilash]

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.

Andoza parametrlari[„TemplateData“ni boshqarish]

ParametrTavsifTuriStatus
Contentcontent

Content of the main section (generally images).

Kontentrequired
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).

Sukut boʻyicha
Automatic, based on content
Sonsuggested
Alignmentalign

"left" and "right" float the image to that side. "center" centres the image, and "none" left-aligns it without floating.

Taklif etilgan qiymatlar
left center right none
Sukut boʻyicha
right
Stringixtiyoriy
Caption positionpos

Where to put the caption. Valid values: top, bottom.

Sukut boʻyicha
bottom
Stringixtiyoriy
Inner frame styleinnerstyle

Plain [[CSS]] to apply to the inner frame. Use with care. Examples: <code>text-align: center;</code>, <code>background: #ccc;</code>.

Stringixtiyoriy
Linklink

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).

Sahifa nomiixtiyoriy
Alternative link textlink_text

Alternative text used for the link for the "Enlarge" link in the caption, usually displayed as tooltip.

Stringixtiyoriy
Link overridelinkoverride

Completely replaces the 'info' link.

Qatorixtiyoriy
Captioncaption

tavsif yoʻq

Kontentixtiyoriy
Borderborder

Border of the main section (generally images).

Sukut boʻyicha
yes
Kontentixtiyoriy
Modemode

Display mode of the main section, "scrollable" will make the content scrolling if the content is longer than viewport.

Stringixtiyoriy
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.

Sukut boʻyicha
100%
Sonsuggested
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.

Stringixtiyoriy
stylestyle

tavsif yoʻq

Kontentixtiyoriy

Examples

tahrir

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. 
|}
Concentration-camp network of Nazi-occupied Europe.
Auschwitz is circled.
  1. {{Image frame}} to add frame and caption to a complex image made by {{Superimpose}} — float on base
  2. Manually add {{magnify icon}} to caption to simulate the thumbnail icon
  3. caption text won't auto-wrap to image width; you can add <br> to prevent text overshooting.