Help:Images: Difference between revisions

Some cleaning...
mNo edit summary
(Some cleaning...)
Line 11: Line 11:
==Simplest Form==
==Simplest Form==


[[Image:D-Halo.jpg]]
[[File:Grunt Ultra H3.jpg]]


Above is an image of the [[Delta Halo]]. To put your own image into an article you just need to add this code:
Above is an image of an [[Unggoy]]. To put your own image into an article you just need to add this code:


<pre><nowiki>[[Image:D-Halo.jpg]]</nowiki></pre>
<pre><nowiki>[[File:Grunt Ultra H3.jpg]]</nowiki></pre>


==[[File:Carter.png]]Standard Image Format==
==Standard Image Format==


However the above code offers no formatting options and so all images should follow the [[Wikipedia:Extended image syntax|Wiki image markup language]]. The wiki markup language will only work if no capital letters are used. Most images on Halopedia should follow this Wiki format:
However the above code offers no formatting options and so all images should follow the [[Wikipedia:Extended image syntax|Wiki image markup language]]. The wiki markup language will only work if no capital letters are used. Most images on Halopedia should follow this Wiki format:


<pre><nowiki>[[Image:D-Halo.jpg|thumb|right|Example image caption.]]</nowiki></pre>
<pre><nowiki>[[File:Grunt Ultra H3.jpg|thumb|right|Example image caption.]]</nowiki></pre>
[[Image:D-Halo.jpg|thumb|right|Example image caption.]]
[[File:Grunt Ultra H3.jpg|thumb|right|Example image caption.]]
This code will create the image to the right. Looking at the code above we can see that:
This code will create the image to the right. Looking at the code above we can see that:


*[[:Image:D-Halo.jpg|D-Halo.jpg]] is the image file name. When you upload a file a different name will be given to when you use this page to [[Special:Upload|upload]] a file
*[[:File:Grunt Ultra H3.jpg|Grunt Ultra H3.jpg]] is the image file name. When you upload a file a different name will be given to when you use this page to [[Special:Upload|upload]] a file
*'''thumb''': Using "thumb" forces the creation of a thumbnail or smaller picture.
*'''thumb''': Using "thumb" forces the creation of a thumbnail or smaller picture.
*'''Location''' : 'right', 'left', 'center' or 'none'. Determines placement of the image on the page.
*'''Location''' : 'right', 'left', 'center' or 'none'. Determines placement of the image on the page.
*'''Caption''' : The image should always have a short description which would replace the "Example image caption" text on your image
*'''Caption''' : The image should always have a short description which would replace the "Example image caption" text on your image
{{Thumbnail|Image:Coffeebreak.jpg}}


==Advanced Image Formatting==
==Advanced Image Formatting==
Line 38: Line 37:


; <tt>right</tt>
; <tt>right</tt>
: [[Image:D-Halo.jpg|right|70px|]]The image is right-aligned, and text floats to the left of the image: <tt><nowiki>[[Image:D-Halo.jpg|right|70px|]]</nowiki></tt> (shown on the right).
: [[File:Grunt Ultra H3.jpg|right|70px|]]The image is right-aligned, and text floats to the left of the image: <tt><nowiki>[[File:Grunt Ultra H3.jpg|right|70px|]]</nowiki></tt> (shown on the right).
; <tt>left</tt>
; <tt>left</tt>
: [[Image:D-Halo.jpg|left|70px|]]The image is left aligned, and text floats to the right of the image: <tt><nowiki>[[Image:Westminstpalace.jpg|left|70px|]]</nowiki></tt> (shown on the left).
: [[File:Grunt Ultra H3.jpg|left|70px|]]The image is left aligned, and text floats to the right of the image: <tt><nowiki>[[File:Westminstpalace.jpg|left|70px|]]</nowiki></tt> (shown on the left).
; <tt>center</tt>
; <tt>center</tt>
: The image is centered, and...[[Image:D-Halo.jpg|center|70px|]]the text following the image starts below it: <tt><nowiki>[[Image:D-Halo.jpg|center|70px|]]</nowiki></tt> (shown above).
: The image is centered, and...[[File:Grunt Ultra H3.jpg|center|70px|]]the text following the image starts below it: <tt><nowiki>[[File:Grunt Ultra H3.jpg|center|70px|]]</nowiki></tt> (shown above).
; <tt>none</tt>
; <tt>none</tt>
: The image is put at the left, and...[[Image:D-Halo.jpg|none|70px|]]the text following does not float to the right (or to the left, obviously), and starts below it: <tt><nowiki>[[Image:D-Halo.jpg|none|70px|]]</nowiki></tt> (shown above).
: The image is put at the left, and...[[File:Grunt Ultra H3.jpg|none|70px|]]the text following does not float to the right (or to the left, obviously), and starts below it: <tt><nowiki>[[File:Grunt Ultra H3.jpg|none|70px|]]</nowiki></tt> (shown above).
: [[Image:D-Halo.jpg|right|50px|]]This option renders a version of the image that's ''[size]'' pixels wide (e.g. <tt><nowiki>[[Image:D-Halo.jpg|right|50px|]]</nowiki></tt> shown on the right). Height is computed to keep [[Wikipedia:aspect ratio (image)|aspect ratio]] (i.e. the shape of the image). You can also constrain both dimensions by typing something like ''100x100px''.
: [[File:Grunt Ultra H3.jpg|right|50px|]]This option renders a version of the image that's ''[size]'' pixels wide (e.g. <tt><nowiki>[[File:Grunt Ultra H3.jpg|right|50px|]]</nowiki></tt> shown on the right). Height is computed to keep [[Wikipedia:aspect ratio (image)|aspect ratio]] (i.e. the shape of the image). You can also constrain both dimensions by typing something like ''100x100px''.
; <tt>''size''px</tt>
; <tt>''size''px</tt>
===Last Vertical Bar Law===
===Last Vertical Bar Law===


[[Image:D-Halo.jpg|70px|right]]What is between the last vertical bar and the closing brackets ("]]"), void or not, is taken as the last option, and works as usual. For instance, when the last option is <tt>right</tt>, the image is right-aligned, and text floats to the left: <tt><nowiki>[[Image:D-Halo.jpg|70px|right]]</nowiki></tt> (shown on the right).
[[File:Grunt Ultra H3.jpg|70px|right]]What is between the last vertical bar and the closing brackets ("]]"), void or not, is taken as the last option, and works as usual. For instance, when the last option is <tt>right</tt>, the image is right-aligned, and text floats to the left: <tt><nowiki>[[File:Grunt Ultra H3.jpg|70px|right]]</nowiki></tt> (shown on the right).


[[Image:D-Halo.jpg|thumb|This text is not displayed.|70px|left|]][[Image:D-Halo.jpg|thumb|This text is displayed.|70px|right]]In particular, if the last option is the void text (that is, if there is nothing between the last vertical bar and the closing brackets), the caption is not displayed: <tt><nowiki>[[Image:D-Halo.jpg|thumb|This text is not displayed.|70px|left|]]</nowiki></tt> (shown on the left) and <tt><nowiki>[[Image:D-Halo.jpg|thumb|This text is displayed.|70px|right]]</nowiki></tt> (shown on the right).
[[File:Grunt Ultra H3.jpg|thumb|This text is not displayed.|70px|left|]][[File:Grunt Ultra H3.jpg|thumb|This text is displayed.|70px|right]]In particular, if the last option is the void text (that is, if there is nothing between the last vertical bar and the closing brackets), the caption is not displayed: <tt><nowiki>[[File:Grunt Ultra H3.jpg|thumb|This text is not displayed.|70px|left|]]</nowiki></tt> (shown on the left) and <tt><nowiki>[[File:Grunt Ultra H3.jpg|thumb|This text is displayed.|70px|right]]</nowiki></tt> (shown on the right).


===Frame option===
===Frame option===
Line 57: Line 56:
If you specify a "frame" option the image will not be scaled, and no size specifiers will be in the HTML. The image will be rendered at full size
If you specify a "frame" option the image will not be scaled, and no size specifiers will be in the HTML. The image will be rendered at full size


: [[Image:D-Halo.jpg|frame|thumbnail|50px|Delta Halo.]]With this option, the embedded image is shown with its actual size enclosed by a frame, regardless of the "thumb" or "size" attribute, and the caption, if any, is visible in the frame. Without the options <tt>left</tt>, <tt>center</tt>, and <tt>none</tt>, the image is normally on the right: <tt><nowiki>[[Image:D-Halo.jpg|frame|thumbnail|50px|Delta Halo]]</nowiki></tt>.
: [[File:Grunt Ultra H3.jpg|frame|thumbnail|50px|Grunt.]]With this option, the embedded image is shown with its actual size enclosed by a frame, regardless of the "thumb" or "size" attribute, and the caption, if any, is visible in the frame. Without the options <tt>left</tt>, <tt>center</tt>, and <tt>none</tt>, the image is normally on the right: <tt><nowiki>[[File:Grunt Ultra H3.jpg|frame|thumbnail|50px|Grunt]]</nowiki></tt>.
; <tt>frame</tt>
; <tt>frame</tt>


Line 66: Line 65:
<pre>
<pre>
text text text text text text text text text text text text text
text text text text text text text text text text text text text
<nowiki>[[Image:D-Halo.jpg|150px|The Palace of Westminster]]</nowiki>
<nowiki>[[File:Grunt Ultra H3.jpg|150px|The Palace of Westminster]]</nowiki>
text text text text text text text text text text texttext text <nowiki>
text text text text text text text text text text texttext text <nowiki>
[[Image:Flood infection.jpg|100px|This is a globe.]]</nowiki>
[[File:Flood infection.jpg|100px|This is a globe.]]</nowiki>
text text text text text text text text text texttext text text </pre>
text text text text text text text text text texttext text text </pre>


gives
gives


[[Image:D-Halo.jpg|150px|The Palace of Westminster]]text text texttext text text text text text [[Image:Flood infection.jpg|100px|This is a globe.]] text text text text text text text text text texttext text text text text texttext text text text text texttext text text text text texttext text text text text texttext text text text text text
[[File:Grunt Ultra H3.jpg|150px|The Palace of Westminster]]text text texttext text text text text text [[File:Flood infection.jpg|100px|This is a globe.]] text text text text text text text text text texttext text text text text texttext text text text text texttext text text text text texttext text text text text texttext text text text text text


==Image with caption in the center==
==Image with caption in the center==
[[Image:D-Halo.jpg|right|thumb|175px|<div style="text-align: center;border:none">Delta Halo.</div>]]
[[File:Grunt Ultra H3.jpg|right|thumb|175px|<div style="text-align: center;border:none">Grunt.</div>]]
Use '''<nowiki>[[Image:image name|alignment|type|size|<div style="text-align: center;border:none">Caption</div>]]</nowiki>'''
Use '''<nowiki>[[File:image name|alignment|type|size|<div style="text-align: center;border:none">Caption</div>]]</nowiki>'''


For example, '''<nowiki>[[Image:D-Halo.jpg|right|thumb|100px|<div style="text-align: center;border:none">Delta Halo</div>]]</nowiki>''' produces a caption in the center .'' However, this syntax is not recommended for long captions (for example, captions involving long, descriptive sentences running more than one line), for which the regular image syntax should be used.'' You can also specify the color of the border, like "border:solid grey".  
For example, '''<nowiki>[[File:Grunt Ultra H3.jpg|right|thumb|100px|<div style="text-align: center;border:none">Grunt</div>]]</nowiki>''' produces a caption in the center .'' However, this syntax is not recommended for long captions (for example, captions involving long, descriptive sentences running more than one line), for which the regular image syntax should be used.'' You can also specify the color of the border, like "border:solid grey".  
<br />
<br />


==Linking to the image description page==
==Linking to the image description page==


If you want to make a link to the description page for an image, use a leading colon before "image:" in an intra-wiki link, like this: <nowiki>[[:image:D-Halo.jpg|STS-32 crew]]</nowiki> which yields: [[:image:D-Halo.jpg|STS-32 crew]]
If you want to make a link to the description page for an image, use a leading colon before "File:" in an intra-wiki link, like this: <nowiki>[[:File:Grunt Ultra H3.jpg|STS-32 crew]]</nowiki> which yields: [[:File:Grunt Ultra H3.jpg|STS-32 crew]]


==Image galleries==
==Image galleries==
Line 91: Line 90:
<pre>
<pre>
<gallery>
<gallery>
Image:Wiki.png
File:Wiki.png
Image:Wiki.png|Captioned
File:Wiki.png|Captioned
Image:Wiki.png
File:Wiki.png
Image:Wiki.png|[[Help:Contents/Links|Links]] can be put in captions.
File:Wiki.png|[[Help:Contents/Links|Links]] can be put in captions.
Image:Wiki.png
File:Wiki.png
Image:Wiki.png|Full MediaWiki<br />[[syntax]] may now be used&hellip;
File:Wiki.png|Full MediaWiki<br />[[syntax]] may now be used&hellip;
</gallery>
</gallery>
</pre>
</pre>
Line 103: Line 102:


<gallery>
<gallery>
Image:Wiki.png
File:Wiki.png
Image:Wiki.png|Captioned
File:Wiki.png|Captioned
Image:Wiki.png
File:Wiki.png
Image:Wiki.png|[[John-117|Links]] can be put in captions.
File:Wiki.png|[[John-117|Links]] can be put in captions.
Image:Wiki.png
File:Wiki.png
Image:Wiki.png|Full MediaWiki<br />syntax can now be used  
File:Wiki.png|Full MediaWiki<br />syntax can now be used  
</gallery>
</gallery>