USAFA Folklore:Images

From USAFA Folklore

Jump to: navigation, search

This page gives a brief overview of how to use images in the USAFA Folklore Wiki.

Contents

[edit] Using images in articles

[edit] Basic images

To incorporate an image in an article you need to use an "image tag". The simplest image tag is "Image:" followed by the name of the file, all inside a double square bracket. This adds the image to the article exactly as it was uploaded, so inserting this tag:
[[Image:Eightball.jpg]]
will produce this:

Image:Eightball.jpg

[edit] Image Markup

To modify the image and fit it into the layout of the webpage, you will need to use "image markup" along with the image tag. Image markup will allow you to move the picture, change its size, insert captions and other things. Image markup is done by adding one or more parameters to your image tag. Each parameter will be inserted after a "|" symbol inside the double square brackets of the tag.

[edit] Size

To change the size of an image, you must insert a size parameter (in pixels) to the right of the image name. The parameter will look like this: |150px. In the example, 150 can be changed to any number of pixels. The following chart demonstrates a few image tags that contain size parameters:

This tag: [[Image:Eightball.jpg|250px]] [[Image:Eightball.jpg|150px]] [[Image:Eightball.jpg|50px]]
Will produce:

[edit] Position

To change the position of an image, use one of the position parameters: |left, |center, |right or |none in the image tag, as shown below. In the first two cases, the text will float around the article. To stop the floating text, insert a <br clear="all" /> tag where you want the floating to stop.


[[Image:Eightball.jpg|250px|right]] produces:

with text floating to the left.



[[Image:Eightball.jpg|250px|left]] produces:

with text floating to the right.



[[Image:Eightball.jpg|250px|center]] produces:

with text starting below the image.



[[Image:Eightball.jpg|250px|none]] produces:

with the text starting below the image.



Notice that you can "stack" parameters of various types in the same image tag. The three above use both size and position parameters.

[edit] Frames

To put a frame around your picture, just add the |frame parameter. With this option, the image is shown with its actual size enclosed by a frame, regardless of the "thumb" or "size" parameters. The caption (see below), if any, is visible in the frame. Without the options left, center, and none, the image defaults to the right. So, as an example:
[[Image:Eightball.jpg|100px|frame]]
produces:


[edit] Thumbnails

The thumbnail ("|thumb") parameter generates a thumbnail image. It is automatically resized when the "size" parameter is not specified. It is automatically positioned to the right if no position parameter is specified. A frame is automatically put around the image and an "enlarge" icon is automatically shown in the lower margin of the thumbnail. So for instance,
[[Image:Eightball.jpg|thumb]]
produces:


[edit] Captions

You can also caption a photograph. The parameter will simply look like this: "|Your caption text here". In a thumbnail, this caption text will be displayed in the lower margin. So for example, this tag:
[[Image:Eightball.jpg|thumb|100px|This is an eight ball]]
will produce this:
This is an eight ball
This is an eight ball


Links can also be put into captions, as such:

[[Image:Eightball.jpg|thumb|left|This [[spirit mission]] was done by [[Cadet Squadron 8]].]]
to produce:
This spirit mission was done by Cadet Squadron 8.


[edit] Uploading images

To upload an image, click on the "Upload file" link in the box at left. Use the "Browse" function to locate the image to upload, and type in the file name that the image will use in the Wiki database. Remember that filenames, including the extensions, will be case-sensitive.

Each image comes with its own image description page. On that page you should document the source, author, and/or copyright status of the image as appropriate. It is also important to add descriptive and technical information, which will be useful and informative to later editors and readers, and which it may be likely that only you, the uploader, can supply.

Please limit the size of image files to no larger than necessary.

(Some content borrowed from Wikipedia's Image information page.)