Wikipedia

Module:InfoboxImage/doc: Difference between revisions

Browse history interactively
← Previous edit
Content deleted Content added
VisualWikitext
→Examples: Add demo for title. Title text differing from alt text.
mNo edit summary
 
(74 intermediate revisions by 41 users not shown)
Line 1:
{{used in system}}
{{High-risk|1,060,000}}
{{Module rating|protected}}
 
==Overview==
Line 6 ⟶ 7:
==Parameters==
{| class="wikitable"
! Parameter
! Description
|-
| image
| Required. The main parameter that should be passed over which contains the image info.
|-
| size
| Size to display image, in pixels. Use is discouraged per [[WP:THUMBSIZE]]; see {{Para|upright}} below instead.
|-
| maxsize
| Maximum size to display image. Note: If no size or sizedefault params specified then image will be shown at maxsize.
|-
| sizedefault
| The size to use for the image if no size param is specified. Defaults to [[Wikipedia:Autosizing images|frameless]].
|-
| alt
| Alt text for the image.
|-
| title
| Title text for image (mousehovermouseover text). If blank then alt text is used.
|-
| border
| If yes, then a border is added.
|-
| page
|upright
| The page number to be displayed when using a multi-page image.
|upright image param.
|-
| upright
|center
| If upright=yes, adds "upright" which displays image at 75% of default image size (which is 250px if not changed at [[Special:Preferences]]). If a value, adds "upright=''value''" to image, where values less than 1 scale the image down (0.9 = 90%) and values greater than 1 scale the image up (1.15 = 115%).
|If yes, then the image is centered.
|-
| center
|thumbtime
| If yes, then the image is centered.
|thumbtime param, used for video clips.
|-
| thumbtime
|suppressplaceholder
| thumbtime param, used for video clips.
|If yes then will suppress certain placeholder images.
|-
| suppressplaceholder
|link
| If no, then will not suppress certain placeholder images. See {{section link||Placeholder images which can be suppressed}}.
|Page to go to when clicking on the image (not used very often)
|-
| link
| Page to go to when clicking on the image.
|-
| class
| HTML classes to add to the image.
|}
 
Note: If you specify the maxsize or sizedefault params, then you should include the px after the number.
 
==Parameters displayed in image syntax==
==Sample Usage==
All parameters:
<pre style="overflow:auto;">
|image:<syntaxhighlight lang="wikitext" style="overflow:auto;">{{#invoke:InfoboxImage | InfoboxImage | image={{{image|}}} | size={{{image_sizesize}}} | maxsize={{{maxsize}}} | sizedefault=frameless{{{sizedefault}}} | upright={{{upright}}} | alt={{{alt}}} | title={{{title}}} | thumbtime={{{thumbtime}}} | link={{{link}}} | border=yes | center=yes | page={{{page}}} | class={{{class}}} }}</syntaxhighlight>
:<code>{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} | size={{{size}}} | maxsize={{{maxsize}}} | sizedefault={{{sizedefault}}} | upright={{{upright}}} | alt={{{alt}}} | title={{{title}}} | thumbtime={{{thumbtime}}} | link={{{link}}} | border=yes | center=yes | page={{{page}}} | class={{{class}}}}}</code>
</pre>
 
When "size" and "maxsize" are defined, the smaller of the two is used (if "px" is omitted it will be added by the module):
:<syntaxhighlight lang="wikitext" style="overflow:auto;">{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} | size=300px | maxsize=250px }}</syntaxhighlight>
:<code>{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} | size=300px | maxsize=250px }}</code>
 
When "size" is not defined, "sizedefault" is used, even if larger than "maxsize" (in actual use "px" is required after the number; omitted here to show it is not added by the module):
:<syntaxhighlight lang="wikitext" style="overflow:auto;">{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} | sizedefault=250px | maxsize=200px }}</syntaxhighlight>
:<code>{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} | sizedefault=250px | maxsize=200px }}</code>
 
When "size" and "sizedefault" are not defined, "maxsize" is used (in actual use "px" is required after the number; omitted here to show it is not added by the module):
:<syntaxhighlight lang="wikitext" style="overflow:auto;">{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} | maxsize=256px }}</syntaxhighlight>
:<code>{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} | maxsize=256px }}</code>
 
When "size", "sizedefault", and "maxsize" are not defined, "frameless" is added, which displays the image at the default thumbnail size (250px, but logged in users can change this at [[Special:Preferences]]) and is required if using "upright" to scale the default size:
:<syntaxhighlight lang="wikitext" style="overflow:auto;">{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} }}</syntaxhighlight>
:<code>{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} }}</code>
 
Use of "upright" without a number value, which displays the image at approximately 75% of the user's default size (multiplied by 0.75 then rounded to nearest 10):
:<syntaxhighlight lang="wikitext" style="overflow:auto;">{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} | upright = yes }}</syntaxhighlight>
:<code>{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} | upright = yes }}</code>
 
When "alt" is used without "title", the alt text is also used as the title:
:<syntaxhighlight lang="wikitext" style="overflow:auto;">{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} | alt = Alt text }}</syntaxhighlight>
:<code>{{#invoke:InfoboxImage | InfoboxImage | image={{{image}}} | alt = Alt text }}</code>
 
For more information, see [[Wikipedia:Extended image syntax]].
 
==Sample usage==
<syntaxhighlight lang="wikitext" style="overflow:auto;">
|image = {{#invoke:InfoboxImage|InfoboxImage|image={{{image|}}}|upright={{{image_upright|1}}}|alt={{{alt|}}}}}
</syntaxhighlight>
 
==Examples==
{| class="wikitable"
|-
|<nowiki> {{#invoke:mlx|InfoboxImage|InfoboxImage}}</nowiki>
| {{#invoke:InfoboxImage|InfoboxImage}}
|-
|<nowiki> {{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=}}</nowiki>}}
| {{#invoke:InfoboxImage|InfoboxImage|image=}}
|-
|
|<nowiki>{{#invoke:InfoboxImage|InfoboxImage|image=[[Image:Abbey Rd Studios.jpg|200px]]}}</nowiki>
|{{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=[[Image:}}Abbey Rd Studios.jpg|200px]]}}<br />
{{mlx|InfoboxImage|InfoboxImage|image{{=}}File:Abbey Rd Studios.jpg}}<br />
{{mlx|InfoboxImage|InfoboxImage|image{{=}}Image:Abbey Rd Studios.jpg}}
| {{#invoke:InfoboxImage|InfoboxImage|image=Abbey Rd Studios.jpg}}
|-
|
<nowiki>{{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=}}Abbey Rd Studios.jpg|upright{{=}}yes}}</nowiki><br />
<nowiki>| {{#invoke:InfoboxImage|InfoboxImage|image=File:Abbey Rd Studios.jpg|upright=yes}}</nowiki><br/>
<nowiki>{{#invoke:InfoboxImage|InfoboxImage|image=Image:Abbey Rd Studios.jpg}}</nowiki>
|{{#invoke:InfoboxImage|InfoboxImage|image=Abbey Rd Studios.jpg}}
|-
|
<nowiki>{{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=}}Abbey Rd Studios.jpg|sizeupright{{=100px}}</nowiki>1.2}}<br />
<nowiki>| {{#invoke:InfoboxImage|InfoboxImage|image=Abbey Rd Studios.jpg|sizeupright=1001.2}}</nowiki>
|{{#invoke:InfoboxImage|InfoboxImage|image=Abbey Rd Studios.jpg|size=100px}}
|-
|
|<nowiki>{{#invoke:InfoboxImage|InfoboxImage|image=Abbey Rd Studios.jpg|sizedefault=250px|alt=The front stairs and door of Abbey Road Studios}}</nowiki>
|{{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=}}Abbey Rd Studios.jpg|sizedefaultsize{{=250px|alt=The front stairs and door of Abbey Road Studios}}100px}}<br />
{{mlx|InfoboxImage|InfoboxImage|image{{=}}Abbey Rd Studios.jpg|size{{=}}100}}
| {{#invoke:InfoboxImage|InfoboxImage|image=Abbey Rd Studios.jpg|size=100px}}
|-
|<nowiki> {{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=}}{{elc|File:Abbey Rd Studios.jpg|sizedefault=250px|alt=The front stairs and door of Abbey Road Studios|title=Exterior, front view of Abbey Road studios200px}}}}</nowiki>
| {{#invoke:InfoboxImage|InfoboxImage|image=[[File:Abbey Rd Studios.jpg|sizedefault=250px|alt=The front stairs and door of Abbey Road Studios|title=Exterior, front view of Abbey Road studios200px]]}}
|-
|<nowiki> {{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=}}{{elc|File:Abbey Rd Studios.jpg|alt200px}}|title{{=The front stairs and door of }}Abbey Road Studios!}}</nowiki>
| {{#invoke:InfoboxImage|InfoboxImage|image=[[File:Abbey Rd Studios.jpg|alt200px]]|title=The front stairs and door of Abbey Road Studios!}}
|-
|<nowiki> {{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=}}Abbey Rd Studios.jpg|sizesizedefault{{=100px}}250px|alt{{=}}The front stairs and door of Abbey Road Studios}}</nowiki>
| {{#invoke:InfoboxImage|InfoboxImage|image=Abbey Rd Studios.jpg|sizesizedefault=100px250px|alt=The front stairs and door of Abbey Road Studios}}
|-
|<nowiki> {{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=Bilbao}}Abbey Rd Studios.svgjpg|sizesizedefault{{=100}}250|borderalt{{=yes}}</nowiki>The front stairs and door of Abbey Road Studios}}
| {{#invoke:InfoboxImage|InfoboxImage|image=BilbaoAbbey Rd Studios.svgjpg|sizesizedefault=200250|borderalt=yesThe front stairs and door of Abbey Road Studios}}
|-
| {{mlx|InfoboxImage|InfoboxImage|image{{=}}Abbey Rd Studios.jpg|sizedefault{{=}}250px|alt{{=}}The front stairs and door of Abbey Road Studios|title=Exterior, front view of Abbey Road studios}}
|<nowiki>{{#invoke:InfoboxImage|InfoboxImage|image=Replace this image male.svg|suppressplaceholder=yes}}</nowiki>
| {{#invoke:InfoboxImage|InfoboxImage|image=ReplaceAbbey thisRd image maleStudios.svgjpg|suppressplaceholdersizedefault=yes250px|alt=The front stairs and door of Abbey Road Studios|title=Exterior, front view of Abbey Road studios}}
|-
|<nowiki> {{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=[[Image:replace}}Abbey thisRd image maleStudios.svgjpg|200px]]|suppressplaceholderalt{{=yes}}</nowiki>The front stairs and door of Abbey Road Studios}}
| {{#invoke:InfoboxImage|InfoboxImage|image=[[Image:replaceAbbey thisRd image maleStudios.svgjpg|200px]]|suppressplaceholderalt=yesThe front stairs and door of Abbey Road Studios}}
|-
|<nowiki> {{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=}}Abbey Rd Studios.jpg|size{{=50px}}100px|maxsizealt{{=100px}}</nowiki>The front stairs and door of Abbey Road Studios}}
| {{#invoke:InfoboxImage|InfoboxImage|image=Abbey Rd Studios.jpg|size=50px100px|maxsizealt=100pxThe front stairs and door of Abbey Road Studios}}
|-
|<nowiki> {{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=Abbey}}Bandera Rdde StudiosBilbao.jpgsvg|size{{=200px}}100|maxsizeborder{{=100px}}</nowiki>yes}}
| {{#invoke:InfoboxImage|InfoboxImage|image=AbbeyBandera Rdde StudiosBilbao.jpgsvg|size=200px200|maxsizeborder=100pxyes}}
|-
|<nowiki> {{#invoke:mlx|InfoboxImage|InfoboxImage|image{{=Abbey}}Image Rdis Studiosneeded male.jpg|maxsize=100px|center=yessvg}}</nowiki>
| {{#invoke:InfoboxImage|InfoboxImage|image=AbbeyImage Rdis Studiosneeded male.jpg|maxsize=100px|center=yessvg}}
|-
| {{mlx|InfoboxImage|InfoboxImage|image{{=}}Image is needed male.svg|suppressplaceholder{{=}}no}}
| {{#invoke:InfoboxImage|InfoboxImage|image=Image is needed male.svg|suppressplaceholder=no}}
|-
| {{mlx|InfoboxImage|InfoboxImage|image{{=}}{{elc|File:Image is needed male.svg|200px}}}}
| {{#invoke:InfoboxImage|InfoboxImage|image=[[File:Image is needed male.svg|200px]]}}
|-
| {{mlx|InfoboxImage|InfoboxImage|image{{=}}{{elc|File:Image is needed male.svg|200px}}|suppressplaceholder{{=}}no}}
| {{#invoke:InfoboxImage|InfoboxImage|image=[[File:Image is needed male.svg|200px]]|suppressplaceholder=no}}
|-
| {{mlx|InfoboxImage|InfoboxImage|image{{=}}Abbey Rd Studios.jpg|size=50px|maxsize{{=}}100px}}
| {{#invoke:InfoboxImage|InfoboxImage|image=Abbey Rd Studios.jpg|size=50px|maxsize=100px}}
|-
| {{mlx|InfoboxImage|InfoboxImage|image{{=}}Abbey Rd Studios.jpg|size=200px|maxsize{{=}}100px}}
| {{#invoke:InfoboxImage|InfoboxImage|image=Abbey Rd Studios.jpg|size=200px|maxsize=100px}}
|-
| {{mlx|InfoboxImage|InfoboxImage|image{{=}}{{elc|File:Abbey Rd Studios.jpg|200px}}|maxsize{{=}}100px}}
| {{#invoke:InfoboxImage|InfoboxImage|image=[[File:Abbey Rd Studios.jpg|200px]]|maxsize=100px}}
|-
| {{mlx|InfoboxImage|InfoboxImage|image{{=}}Abbey Rd Studios.jpg|maxsize{{=}}100px|center{{=}}yes}}
| {{#invoke:InfoboxImage|InfoboxImage|image=Abbey Rd Studios.jpg|maxsize=100px|center=yes}}
|-
| {{mlx|InfoboxImage|InfoboxImage|image{{=}}no such image|maxsize{{=}}100px|center{{=}}yes}}<!-- this issue sh'd be fixed somewhow-->
| {{#invoke:InfoboxImage|InfoboxImage|image=no such image|maxsize=100px|center=yes}}
|-
| {{mlx|InfoboxImage|InfoboxImage|image{{=}}{{tji|Multiple image|width: 60|image1: Yellow card.svg|image2: Red card.svg}}}}
| {{#invoke:InfoboxImage|InfoboxImage|image={{multiple image|width=50|image1=Yellow card.svg|image2=Red card.svg}}}}
|}
 
== Placeholder images which can be suppressed ==
{{div col|colwidth=22em}}
* [[:File:Blue - replace this image female.svg]]
* [[:File:Blue - replace this image male.svg]]
* [[:File:Male no free image yet.png]]
* [[:File:Flag of None (square).svg]]
* [[:File:Flag of None.svg]]
* [[:File:Flag of.svg]]
* [[:File:Green - replace this image female.svg]]
* [[:File:Green - replace this image male.svg]]
* [[:File:Image is needed female.svg]]
* [[:File:Image is needed male.svg]]
* [[:File:Location map of None.svg]]
* [[:File:Male no free image yet.png]]
* [[:File:Missing flag.png]]
* [[:File:No flag.svg]]
* [[:File:No free portrait.svg]]
* [[:File:No portrait (female).svg]]
* [[:File:No portrait (male).svg]]
* [[:File:Red - replace this image female.svg]]
* [[:File:Red - replace this image male.svg]]
* [[:File:Replace this image female.svg]]
* [[:File:Replace this image male (blue).svg]]
* [[:File:Replace this image male.svg]]
* [[:File:Silver - replace this image female.svg]]
* [[:File:Silver - replace this image male.svg]]
* [[:File:Replace this image.svg]]
* [[:File:Cricket no pic.png]]
* [[:File:CarersLogo.gif]]
* [[:File:Diagram Needed.svg]]
* [[:File:Example.jpg]]
* [[:File:Image placeholder.png]]
* [[:File:No male portrait.svg]]
* [[:File:Nocover-upload.png]]
* [[:File:NoDVDcover copy.png]]
* [[:File:Noribbon.svg]]
* [[:File:No portrait-BFD-test.svg]]
* [[:File:Placeholder barnstar ribbon.png]]
* [[:File:Project Trains no image.png]]
* [[:File:Image-request.png]]
* [[:File:Sin bandera.svg]]
* [[:File:Sin escudo.svg]]
* [[:File:Replace this image - temple.png]]
* [[:File:Replace this image butterfly.png]]
* [[:File:Replace this image.svg]]
* [[:File:Replace this image1.svg]]
* [[:File:Resolution angle.png]]
* [[:File:Image-No portrait-text-BFD-test.svg]]
* [[:File:Insert image here.svg]]
* [[:File:No image available.png]]
* [[:File:NO IMAGE YET square.png]]
* [[:File:NO IMAGE YET.png]]
* [[:File:No Photo Available.svg]]
* [[:File:No Screenshot.svg]]
* [[:File:No-image-available.jpg]]
* [[:File:Null.png]]
* [[:File:PictureNeeded.gif]]
* [[:File:Place holder.jpg]]
* [[:File:Unbenannt.JPG]]
* [[:File:UploadACopyrightFreeImage.svg]]
* [[:File:UploadAnImage.gif]]
* [[:File:UploadAnImage.svg]]
* [[:File:UploadAnImageShort.svg]]
* [[:File:CarersLogo.gif]]
* [[:File:Diagram Needed.svg]]
* [[:File:No male portrait.svg]]
* [[:File:NoDVDcover copy.png]]
* [[:File:Placeholder barnstar ribbon.png]]
* [[:File:Project Trains no image.png]]
* [[:File:Image-request.png]]
{{div col end}}
 
== Tracking categories ==
* {{clc|Pages using infoboxes with thumbnail images}}
* {{clc|Pages using infoboxes with URL in image parameter}}
 
<includeonly>{{Sandbox other||
{{DEFAULTSORT:Image, {{PAGENAME}}}}
[[Category:Modules for image handling]]
[[Category:Modules that add a tracking category]]
[[Category:Infobox modules]]
}}</includeonly><noinclude>
[[Category:Module documentation pages]]
</noinclude>
Retrieved from "https://en.wikipedia.org/wiki/Module:InfoboxImage/doc"