Editing Template:Image
Jump to navigation
Jump to search
Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.
Latest revision | Your text | ||
Line 2: | Line 2: | ||
-->[[file:<!-- |
-->[[file:<!-- |
||
FILE: --> {{{1}}}<!-- |
FILE: --> {{{1}}}<!-- |
||
− | STYLE:-->|thumb|{{{side|center}}}|{{#if:{{{height|}}}|x{{{height}}}|{{{width|100px}}}|}}<!-- |
+ | STYLE:-->|thumb|{{{side|center}}}|{{#if:{{{height|}}}|x{{{height}}}|{{{width|100px}}}|}}|<!-- |
⚫ | |||
− | -->|<!-- |
||
⚫ | |||
⚫ | |||
⚫ | |||
− | LINK: -->{{#if:{{{link|}}}|{{!}}link={{{link}}}}}<!-- |
||
− | ALT TEXT: -->|alt=<page-property key="alt" page="File:{{{1}}}" no-value="" /><!-- |
||
-->]]</includeonly><noinclude>[[category: templates|{{PAGENAME}}]] |
-->]]</includeonly><noinclude>[[category: templates|{{PAGENAME}}]] |
||
This template should be used on pages to include a thumbnail of an image on a page. |
This template should be used on pages to include a thumbnail of an image on a page. |
||
− | ; Usage: {{t|{{lc:{{PAGENAME}}|}}|file-name. |
+ | ; Usage: {{t|{{lc:{{PAGENAME}}|}}|file-name.png|caption}} |
− | The file name |
+ | The file name and caption parameters are required. THere are several optional parameters: |
<pre> |
<pre> |
||
− | {{image|file-name. |
+ | {{image| file-name.png | caption | |
− | |side=center |
+ | |side=center|left|right |
|width=100px |
|width=100px |
||
− | |attribute=artist |
+ | |attribute=artist|tracer |
⚫ | |||
− | |link=[[File:file-name.extension]] |
||
⚫ | |||
</pre> |
</pre> |
||
− | |||
− | When copy-pasting the template above, it might be more readable to put it all on the same line; it is split across multiple ones just for clarity. If an optional parameter is not set, it defaults to the first value listed on its line above (height defaults to preserve ratio with the 100px default width). |
||
{| class="wikitable" style="width: 100%" |
{| class="wikitable" style="width: 100%" |
||
Line 33: | Line 27: | ||
! width=30% | Example |
! width=30% | Example |
||
|- |
|- |
||
− | |style="text-align: center;"| ''none'' || when only the file name |
+ | |style="text-align: center;"| ''none'' || when only the file name and caption are passed |
− | | <pre>{{image|cosmere symbol.svg}}</pre> |
+ | | <pre>{{image| cosmere symbol.svg | this is the caption}}</pre> |
+ | | [[file: cosmere symbol.svg|thumb|center|100px|<div style="font-size: small; text-align: center;">by [[Isaac Stewart]]</div> this is the caption ]] |
||
− | | {{image|cosmere symbol.svg}} |
||
⚫ | |||
− | |style="text-align: center;"| ''caption'' || when only the file name and caption are passed |
||
− | | <pre>{{image|cosmere symbol.svg|this is the caption}}</pre> |
||
− | | {{image|cosmere symbol.svg|this is the caption}} |
||
|- |
|- |
||
|style="text-align: center;"| <code>side=left</code> || pushes the image over to the left, and allows the page to flow around it |
|style="text-align: center;"| <code>side=left</code> || pushes the image over to the left, and allows the page to flow around it |
||
− | | <pre>{{image|cosmere symbol.svg|side=left |
+ | | <pre>{{image| cosmere symbol.svg |side=left |
− | | |
+ | | this is the caption |
+ | }}</pre> |
||
+ | | [[file: cosmere symbol.svg|thumb|left|100px|<div style="font-size: small; text-align: center;">by [[Isaac Stewart]]</div> this is the caption ]] |
||
|- |
|- |
||
|style="text-align: center;"| <code>side=right</code> || pushes the image over to the right, and allows the page to flow around it |
|style="text-align: center;"| <code>side=right</code> || pushes the image over to the right, and allows the page to flow around it |
||
− | | <pre>{{image|cosmere symbol.svg|side=right |
+ | | <pre>{{image| cosmere symbol.svg |side=right |
− | | |
+ | | this is the caption |
+ | }}</pre> |
||
+ | | [[file: cosmere symbol.svg|thumb|right|100px|<div style="font-size: small; text-align: center;">by [[Isaac Stewart]]</div> this is the caption ]] |
||
|- |
|- |
||
− | |style="text-align: center;"| <code>attribute= |
+ | |style="text-align: center;"| <code>attribute=tracer</code> || changes the attribution of the image to the "tracer" of the image instead of the original artist. |
− | | <pre>{{image|cosmere symbol.svg|attribute= |
+ | | <pre>{{image| cosmere symbol.svg |attribute=tracer |
− | | |
+ | | this is the caption |
+ | }}</pre> |
||
+ | | [[file: cosmere symbol.svg|thumb|left|100px|<div style="font-size: small; text-align: center;">by [[User: WeiryWriter]]</div> this is the caption ]] |
||
|- |
|- |
||
|style="text-align: center;"| <code>width=20%</code> || changes the width of the image |
|style="text-align: center;"| <code>width=20%</code> || changes the width of the image |
||
− | | <pre>{{image|cosmere symbol.svg|width=200px |
+ | | <pre>{{image| cosmere symbol.svg |width=200px |
− | | |
+ | | this is the caption |
+ | }}</pre> |
||
+ | | [[file: cosmere symbol.svg|thumb|center|200px|<div style="font-size: small; text-align: center;">by [[Isaac Stewart]]</div> this is the caption ]] |
||
|- |
|- |
||
− | |style="text-align: center;"| <code> |
+ | |style="text-align: center;"| <code>width=20%</code> || changes the height of the image |
− | | <pre>{{image|Navani's Ketek glyphs.svg|height=150px |
+ | | <pre>{{image| Navani's Ketek glyphs.svg |height=150px |
− | | |
+ | | The ketek "Alight, winds approach deadly approaching winds alight." written in glyphs and stylized to represent the meeting of the Everstorm and a highstorm. |
+ | }}</pre> |
||
+ | | [[file: Navani's Ketek glyphs.svg|thumb|center|x150px|<div style="font-size: small; text-align: center;">by [[Isaac Stewart]]</div> The ketek "Alight, winds approach deadly approaching winds alight." written in glyphs and stylized to represent the meeting of the Everstorm and a highstorm. ]] |
||
|- |
|- |
||
− | |style="text-align: center;"| <code>link=Cosmere</code> || makes the image link to a page instead of its File page |
||
− | | <pre>{{image|cosmere symbol.svg|The cosmere symbol, with a link to [[cosmere]] instead of [[:File:cosmere symbol.svg]]|width=200px|link=cosmere}}</pre> |
||
− | | {{image|cosmere symbol.svg|The cosmere symbol, with a link to [[cosmere]] instead of [[:File:cosmere symbol.svg]]|width=200px|link=cosmere}} |
||
− | |} |
||
⚫ | |||
− | ; Notes: The <code>height</code> parameter overrides the <code>width</code> parameter. If exact dimensions are required pass <code>width=WxHpx</code> where <code>W</code> is the width & <code>H</code> is the height. |
||
== Articles using Template == |
== Articles using Template == |