Help:Images: Difference between revisions

From Halopedia, the Halo wiki

No edit summary
Line 100: Line 100:
Image:Wiki.png|[[Master Chief|Links]] can be put in captions.
Image:Wiki.png|[[Master Chief|Links]] can be put in captions.
Image:Wiki.png
Image:Wiki.png
Image:Wiki.png|Full captions can now be used  
Image:Wiki.png|Full [[MediaWiki]]<br />[[syntax]] can now be used  
</gallery>
</gallery>



Revision as of 21:30, August 9, 2008

This Help page will provide instruction on how to add an image into a Halopedia article.

NOTE: Please make sure your image lines up with Halopedia's Image Policy before you upload it.

Uploading Pictures

All pictures are uploaded to the Halopedia site by using this page, Special:Upload (You have to have an account and be logged in to upload an image. Pictures should be under 100k in size. Just press the browse button and find the picture that you've saved on your computer. Select and if possible choose the correct copyright license. Then press the "Upload File" button. The page will take a while to load depending on your internet connection. You can add a summary if you want to.

Adding an image to an article

Simplest Form

D-Halo.jpg

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

[[Image:D-Halo.jpg]]

Standard Image Format

However the above code offers no formating options and so all images should follow the 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:

[[Image:D-Halo.jpg|thumb|right|Example image caption.]]
Example image caption.

This code will create the image to the right. Looking at the code above we can see that:

  • 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 upload a file
  • 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.
  • Caption : The image should always have a short description which would replace the "Example image caption" text on your image

Template:Thumbnail

Advanced Image Formating

Options can be combined, and vertical bars ("|") are used to separate options from each other. The options can be put in any order. An unknown option is taken as the caption text, but this seems to appear only if thumb is specified. If there are two or more unknown options, the last one upstages the rest.

Here is the description of the options other than the caption text:

right
D-Halo.jpg
The image is right-aligned, and text floats to the left of the image: [[Image:D-Halo.jpg|right|70px|]] (shown on the right).
left
D-Halo.jpg
The image is left aligned, and text floats to the right of the image: [[Image:Westminstpalace.jpg|left|70px|]] (shown on the left).
center
The image is centered, and...
D-Halo.jpg
the text following the image starts below it: [[Image:D-Halo.jpg|center|70px|]] (shown above).
none
The image is put at the left, and...
D-Halo.jpg
the text following does not float to the right (or to the left, obviously), and starts below it: [[Image:D-Halo.jpg|none|70px|]] (shown above).
sizepx
D-Halo.jpg
This option renders a version of the image that's [size] pixels wide (e.g. [[Image:D-Halo.jpg|right|50px|]] shown on the right). Height is computed to keep aspect ratio (i.e. the shape of the image)

Last Vertical Bar Law

D-Halo.jpg

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 right, the image is right-aligned, and text floats to the left: [[Image:D-Halo.jpg|70px|right]] (shown on the right).

D-Halo.jpg
This text is displayed.

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: [[Image:D-Halo.jpg|thumb|This text is not displayed.|70px|left|]] (shown on the left) and [[Image:D-Halo.jpg|thumb|This text is displayed.|70px|right]] (shown on the right).

Frame option

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

frame
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 left, center, and none, the image is normally on the right: [[Image:D-Halo.jpg|frame|thumbnail|50px|Delta Halo]].

Inline Images

With none of the options other than sizepx and alternate (caption) text, an embedded image is rendered inline.

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

gives

text text text text text text text text text text text text text text text text text texttext text text text text texttext text text text text texttext text text text text text The Palace of Westminster text text text text text text text text text text texttext text text text text texttext text text text text text 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

Delta Halo.

Use [[Image:image name|alignment|type|size|<div style="text-align: center;border:none">Caption</div>]]

For example, [[Image:D-Halo.jpg|right|thumb|100px|<div style="text-align: center;border:none">Delta Halo</div>]] 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".

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: [[:image:D-Halo.jpg|STS-32 crew]] which yields: STS-32 crew

Image galleries

To make a gallery of Images you can use the following code:

<gallery>
Image:Wiki.png
Image:Wiki.png|Captioned
Image:Wiki.png
Image:Wiki.png|[[Help:Contents/Links|Links]] can be put in captions.
Image:Wiki.png
Image:Wiki.png|Full [[MediaWiki]]<br />[[syntax]] may now be used…
</gallery>

Which produces:

Notice that there are no brackets except for links within captions. Captions are optional. Images are separated by new lines.

Template:Helplist