Help:Images - Revision history

Reddick: Reverted edits by Acaxiqity (Talk) to last revision by Reddick

2010-11-22T15:12:07Z

Reverted edits by Acaxiqity (Talk) to last revision by Reddick

Acaxiqity at 01:20, 18 November 2010

2010-11-18T01:20:33Z

Reddick at 13:39, 30 August 2007

2007-08-30T13:39:41Z

New page

__TOC__
{| {{Prettytable}}
|-
|{{Hl3}}|'''Description'''
|{{Hl3}}|'''You type'''
|{{Hl3}}|'''You get'''
|-
|Embed image (with alt text)
|
<code><nowiki>[[Image:Example.jpg|Sunflowers]]</nowiki></code>
|
[[Image:Example.jpg|Sunflowers]]
|-
|Link to description page
|
<code><nowiki>[[:Image:Example.jpg]]</nowiki></code> 
<code><nowiki>[[:Image:Example.jpg|Sunflowers]]</nowiki></code>
|
[[:Image:Example.jpg]] 
[[:Image:Example.jpg|Sunflowers]]
|-
|Link directly to file
|
<code><nowiki>[[Media:Example.jpg]]</nowiki></code> 
<code><nowiki>[[Media:Example.jpg|Sunflowers]]</nowiki></code>
|
[[Media:Example.jpg]] 
[[Media:Example.jpg|Sunflowers]]
|-
|Thumbnail (centered, 100 pixels wide, with caption)
|
<code><nowiki>[[Image:Example.jpg|center|thumb|100px|Sunflowers]]</nowiki></code>
|
[[Image:Example.jpg|center|thumb|100px|Sunflowers]]
|-
|Border (100 pixels) Results in a very small gray border

|
<code><nowiki>[[Image:Wiki.png|border|100px]]</nowiki></code>
|
[[Image:Wiki.png|border|100px]]
|-
|Frameless Like thumbnail, respect user preferences for image width but without border and no right float.
|
<code><nowiki>[[Image:Example.jpg|frameless]]</nowiki></code>
|
[[Image:Example.jpg|frameless]]
|}

==Uploaded files==
To use an image or other file which has been [[Help:Managing files|uploaded to the wiki]], use:
*<code><nowiki>[[Image:Example.jpg]]</nowiki></code>
If you add a pipe (|) and some text after the filename, the text will be used as alternative text for text-only browsers:
*<code><nowiki>[[Image:Example.jpg|alternative text]]</nowiki></code>

If you don't want to display the image, you can link to the file's description page, by adding a colon:
*<code><nowiki>[[:Image:Example.jpg]]</nowiki></code>
To bypass the description page and link directly to a file , use the "Media" pseudo-namespace:
*<code><nowiki>[[Media:Example.jpg]]</nowiki></code>
You can also make piped links if you want some other text to be used:
*<code><nowiki>[[:Image:Example.jpg|link text]]</nowiki></code>
*<code><nowiki>[[Media:Example.jpg|link text]]</nowiki></code>

===Advanced options===
The full syntax for displaying an image is:
<code><nowiki>[[Image:{name}|{options}]]</nowiki></code>
Where options can be zero or more of the following, separated by pipes:
*<code>thumb</code>, <code>thumbnail</code>, or <code>frame</code>: Controls how the image is formatted
*<code>left</code>, <code>right</code>, <code>center</code>, <code>none</code>: Controls the alignment of the image on the page
*<code>{width}px</code>: Resizes the image to the given width in pixels
*<code>{caption text}</code>
The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.

===Gallery of images===
It's easy to make a gallery of thumbnails with the <code><nowiki><gallery></nowiki></code> tag. The syntax is:
<pre>
<gallery>
Image:{filename}|{caption}
Image:{filename}|{caption}
{...}
</gallery>
</pre>
Captions are optional, and may contain wiki links or other formatting.

for example:
<pre>
<gallery>
Image:Example.jpg|Item 1
Image:Example.jpg|a link to [[Help:Contents]]
Image:Example.jpg
Image:Example.jpg
Image:Example.jpg|''italic caption''
</gallery>
</pre>
is formatted as:
<gallery>
Image:Example.jpg|Item 1
Image:Example.jpg|a link to [[Help:Contents]]
Image:Example.jpg
Image:Example.jpg
Image:Example.jpg|''italic caption''
</gallery>

==Other files==
You can link to an external file using the same syntax used for linking to an external web page.
*<code><nowiki>[http://url.for/some/image.png]</nowiki></code>
Or with different text:
*<code><nowiki>[http://url.for/some/image.png link text here]</nowiki></code>

If it is enabled on your wiki (see [[Manual:$wgAllowExternalImages]]), you can also embed external images. To do that, simply insert the image's url:
*<code><nowiki>http://url.for/some/image.png</nowiki></code>

== Administration of images/files ==

See here: [[Manual:Image Administration]]

==External Links==
{{meta|Help:Images and other uploaded files}}

{{Languages|Help:Images}}

[[Category:Help|Images]]

@@ Line 48: / Line 48: @@
 |}
->==Uploaded files==
+==Uploaded files==
 To use an image or other file which has been [[Help:Managing files|uploaded to the wiki]], use:
-*&lt;code&gt;&lt;nowiki&gt;[[Image:Example.jpg]]&lt;/nowiki&gt;&lt;/code&gt;
+*<code><nowiki>[[Image:Example.jpg]]</nowiki></code>
 If you add a pipe (|) and some text after the filename, the text will be used as alternative text for text-only browsers:
-*&lt;code&gt;&lt;nowiki&gt;[[Image:Example.jpg|alternative text]]&lt;/nowiki&gt;&lt;/code&gt;
+*<code><nowiki>[[Image:Example.jpg|alternative text]]</nowiki></code>
 If you don't want to display the image, you can link to the file's description page, by adding a colon:
-*&lt;code&gt;&lt;nowiki&gt;[[:Image:Example.jpg]]&lt;/nowiki&gt;&lt;/code&gt;
+*<code><nowiki>[[:Image:Example.jpg]]</nowiki></code>
-To bypass the description page and link directly to a file , use the &quot;Media&quot; pseudo-namespace:
+To bypass the description page and link directly to a file , use the "Media" pseudo-namespace:
-*&lt;code&gt;&lt;nowiki&gt;[[Media:Example.jpg]]&lt;/nowiki&gt;&lt;/code&gt;
+*<code><nowiki>[[Media:Example.jpg]]</nowiki></code>
 You can also make piped links if you want some other text to be used:
-*&lt;code&gt;&lt;nowiki&gt;[[:Image:Example.jpg|link text]]&lt;/nowiki&gt;&lt;/code&gt;
+*<code><nowiki>[[:Image:Example.jpg|link text]]</nowiki></code>
-*&lt;code&gt;&lt;nowiki&gt;[[Media:Example.jpg|link text]]&lt;/nowiki&gt;&lt;/code&gt;
+*<code><nowiki>[[Media:Example.jpg|link text]]</nowiki></code>
 ===Advanced options===
 The full syntax for displaying an image is:
-  &lt;code&gt;&lt;nowiki&gt;[[Image:{name}|{options}]]&lt;/nowiki&gt;&lt;/code&gt;
+  <code><nowiki>[[Image:{name}|{options}]]</nowiki></code>
 Where options can be zero or more of the following, separated by pipes:
-*&lt;code&gt;thumb&lt;/code&gt;, &lt;code&gt;thumbnail&lt;/code&gt;, or &lt;code&gt;frame&lt;/code&gt;: Controls how the image is formatted
+*<code>thumb</code>, <code>thumbnail</code>, or <code>frame</code>: Controls how the image is formatted
-*&lt;code&gt;left&lt;/code&gt;, &lt;code&gt;right&lt;/code&gt;, &lt;code&gt;center&lt;/code&gt;, &lt;code&gt;none&lt;/code&gt;: Controls the alignment of the image on the page
+*<code>left</code>, <code>right</code>, <code>center</code>, <code>none</code>: Controls the alignment of the image on the page
-*&lt;code&gt;{width}px&lt;/code&gt;: Resizes the image to the given width in pixels
+*<code>{width}px</code>: Resizes the image to the given width in pixels
-*&lt;code&gt;{caption text}&lt;/code&gt;
+*<code>{caption text}</code>
 The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.
 ===Gallery of images===
-It's easy to make a gallery of thumbnails with the &lt;code&gt;&lt;nowiki&gt;&lt;gallery&gt;&lt;/nowiki&gt;&lt;/code&gt; tag. The syntax is:
+It's easy to make a gallery of thumbnails with the <code><nowiki><gallery></nowiki></code> tag. The syntax is:
-&lt;pre&gt;
+<pre>
-&lt;gallery&gt;
+<gallery>
 Image:{filename}|{caption}
 Image:{filename}|{caption}
 {...}
-&lt;/gallery&gt;
+</gallery>
-&lt;/pre&gt;
+</pre>
 Captions are optional, and may contain wiki links or other formatting.
 for example:
-&lt;pre&gt;
+<pre>
-&lt;gallery&gt;
+<gallery>
 Image:Example.jpg|Item 1
 Image:Example.jpg|a link to [[Help:Contents]]
@@ Line 91: / Line 91: @@
 Image:Example.jpg
 Image:Example.jpg|''italic caption''
-&lt;/gallery&gt;
+</gallery>
-&lt;/pre&gt;
+</pre>
 is formatted as:
-&lt;gallery&gt;
+<gallery>
 Image:Example.jpg|Item 1
 Image:Example.jpg|a link to [[Help:Contents]]
@@ Line 100: / Line 100: @@
 Image:Example.jpg
 Image:Example.jpg|''italic caption''
-&lt;/gallery&gt;
+</gallery>
 ==Other files==