Difference between revisions of "Help:Images"

(New page: This section will help you with the use of '''Images''' and '''Templates.''' =Images= ==Uploading Images== To upload an image, click the "Upload File" button, or just press alt+shift+u, b...)
 
(merge the guide i wrote before)
Line 1: Line 1:
This section will help you with the use of '''Images''' and '''Templates.'''
+
{{shortcut|[[A:IMG]]}}
 +
 
 +
On the AoPSWiki, '''images''' can be posted as a manner of accurately illustrating a problem/solution or for depicting an article.  
  
=Images=
 
 
==Uploading Images==
 
==Uploading Images==
To upload an image, click the "Upload File" button, or just press alt+shift+u, both of which lead you to [http://xpmath.com/wiki/index.php?title=Special:Upload]. Once there, click the "Browse" button on the side of the first text box, and locate the image from your computer that you wish to upload. After selecting it, then enter any comments into the large text box. It is perfectly acceptable to refrain from entering comments.
+
To upload an image, click the "Upload File" link on the toolbar, or just press <tt>alt+shift+u</tt>, both of which lead you to [http://www.artofproblemsolving.com/wiki/index.php?title=Special:Upload]. Once there, click the "Browse" button on the side of the first text box, and locate the image from your computer that you wish to upload. After selecting it, then enter any comments into the large text box. It is perfectly acceptable to refrain from entering comments.
 +
 
 +
Images must not violate copyright.
 +
 
 +
When uploading an image, try to create a descriptive name for the image. If the image is for the illustration of a contest problem, please note that, with a format similar to <tt>YYYY Contest-#</tt> (like [[:Image:2007 USAMO-4.PNG]], [[:Image:2007 USAMO-4b.PNG]]).
 +
 
 
==Including Images on Pages==
 
==Including Images on Pages==
 
Once the image is uploaded, you should be redirected to the image page. The title of the page should be "Image:Your image name here". Now, navigate to the page that you wish to include the image upon. Insert the following code to include the image:
 
Once the image is uploaded, you should be redirected to the image page. The title of the page should be "Image:Your image name here". Now, navigate to the page that you wish to include the image upon. Insert the following code to include the image:
Line 11: Line 17:
 
(Insert a colon before the image page name) <br />
 
(Insert a colon before the image page name) <br />
 
There are various formatting tricks that you may perform on images. <br />
 
There are various formatting tricks that you may perform on images. <br />
<!-- TO BE CONTINUED -->
+
 
 +
== Syntax ==
 +
The general syntax for an image is:
 +
 
 +
<pre>
 +
[[Image:Example.png|thumb|left|###px|Image caption]]
 +
</pre>
 +
 
 +
*The type is either “thumb”, “thumbnail”, or “frame”. If not specified, no caption or border will appear.
 +
*The alignment is either “left”, “right”, “center”, or “none”. Left/center/right are self-explanatory. “None” indicates that the image will be on the left and the following text will go down to the next line (as opposed to “left”, in which the text will flow around the image)
 +
*The size is in px (pixels).
 +
*The caption should be a brief description of the image, if there is one.
 +
 
 +
To display the image inline, use the same syntax but leave type/alignment blank, and insert the code into the middle of the text you wish to place it at. To display a link to the image, use a colon; for example, <tt><nowiki>[[:Image:Example.png]]</nowiki></tt>.
 +
 
 +
== Gallery ==
 +
The syntax for a gallery is:
 +
 
 +
<pre>
 +
<gallery>
 +
Image:Example.png
 +
Image:Example.png|Image caption
 +
Image:Example.png
 +
</gallery>
 +
</pre>  
 +
 
 +
{{tutorial}}

Revision as of 22:57, 22 September 2007

Shortcut:

On the AoPSWiki, images can be posted as a manner of accurately illustrating a problem/solution or for depicting an article.

Uploading Images

To upload an image, click the "Upload File" link on the toolbar, or just press alt+shift+u, both of which lead you to [1]. Once there, click the "Browse" button on the side of the first text box, and locate the image from your computer that you wish to upload. After selecting it, then enter any comments into the large text box. It is perfectly acceptable to refrain from entering comments.

Images must not violate copyright.

When uploading an image, try to create a descriptive name for the image. If the image is for the illustration of a contest problem, please note that, with a format similar to YYYY Contest-# (like Image:2007 USAMO-4.PNG, Image:2007 USAMO-4b.PNG).

Including Images on Pages

Once the image is uploaded, you should be redirected to the image page. The title of the page should be "Image:Your image name here". Now, navigate to the page that you wish to include the image upon. Insert the following code to include the image:

[[Image:image name here]]

Note that this syntax makes it look as if you're linking to the image. To link to an image page, insert the following code:

[[:Image:image name here]]

(Insert a colon before the image page name)
There are various formatting tricks that you may perform on images.

Syntax

The general syntax for an image is:

[[Image:Example.png|thumb|left|###px|Image caption]]
  • The type is either “thumb”, “thumbnail”, or “frame”. If not specified, no caption or border will appear.
  • The alignment is either “left”, “right”, “center”, or “none”. Left/center/right are self-explanatory. “None” indicates that the image will be on the left and the following text will go down to the next line (as opposed to “left”, in which the text will flow around the image)
  • The size is in px (pixels).
  • The caption should be a brief description of the image, if there is one.

To display the image inline, use the same syntax but leave type/alignment blank, and insert the code into the middle of the text you wish to place it at. To display a link to the image, use a colon; for example, [[:Image:Example.png]].

Gallery

The syntax for a gallery is:

<gallery>
Image:Example.png
Image:Example.png|Image caption
Image:Example.png
</gallery>

This article is a tutorial about the AoPSWiki or AoPS Forum.