WikiSysop: Update images

2007-11-04T05:53:15Z

Update images

WikiSysop: Adding help content

2007-11-03T23:53:32Z

Adding help content

New page

__TOC__
Typically you would '''upload an image file''' to the wiki (See [[Help:Managing files]]) ...''before'' you use the following wiki text to place the image on an article:

{| {{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]]
|}

== Syntax ==
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.

== 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>

== 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>

[[Category:Help|Images]]

@@ Line 10: / Line 10: @@
 |Embed image<br /> (with alt text)
+|
-<code><nowiki>[[Image:Example.jpg|Sunflowers]]</nowiki></code>
+<code><nowiki>[[Image:Example1.jpg|Kitty]]</nowiki></code>
+|
-[[Image:Example.jpg|Sunflowers]]
+[[Image:Example1.jpg|Kitty]]
 |-
 |Link to description page
+|
-<code><nowiki>[[:Image:Example.jpg]]</nowiki></code><br />
+<code><nowiki>[[:Image:Example1.jpg]]</nowiki></code><br />
-<code><nowiki>[[:Image:Example.jpg|Sunflowers]]</nowiki></code>
+<code><nowiki>[[:Image:Example1.jpg|Kitty]]</nowiki></code>
+|
-[[:Image:Example.jpg]]<br />
+[[:Image:Example1.jpg]]<br />
-[[:Image:Example.jpg|Sunflowers]]
+[[:Image:Example1.jpg|Kitty]]
 |-
 |Link directly to file
+|
-<code><nowiki>[[Media:Example.jpg]]</nowiki></code><br />
+<code><nowiki>[[Media:Example1.jpg]]</nowiki></code><br />
-<code><nowiki>[[Media:Example.jpg|Sunflowers]]</nowiki></code>
+<code><nowiki>[[Media:Example1.jpg|Kitty]]</nowiki></code>
+|
-[[Media:Example.jpg]]<br />
+[[Media:Example1.jpg]]<br />
-[[Media:Example.jpg|Sunflowers]]
+[[Media:Example1.jpg|Kitty]]
 |-
 |Thumbnail<br /> (centered, 100 pixels<br /> wide, with caption)
+|
-<code><nowiki>[[Image:Example.jpg|center|thumb|100px|Sunflowers]]</nowiki></code>
+<code><nowiki>[[Image:Example1.jpg|center|thumb|100px|Kitty]]</nowiki></code>
+|
-[[Image:Example.jpg|center|thumb|100px|Sunflowers]]
+[[Image:Example1.jpg|center|thumb|100px|Kitty]]
 |-
-|Border<br /> (100 pixels) <br /> Results in a very small gray border
+|Border<br /> (200 pixels) <br /> Results in a very small gray border
-<!-- Note: because the fine gray border can not be seen when used on the "Sunflowers"-image an image is used with a withe background -->
+<!-- Note: because the fine gray border can not be seen when used on the "Kitty"-image an image is used with a white background -->
+|
-<code><nowiki>[[Image:Wiki.png|border|100px]]</nowiki></code>
+<code><nowiki>[[Image:Toucan.jpg|center|border|200px]]</nowiki></code>
+|
-[[Image:Wiki.png|border|100px]]
+[[Image:Toucan.jpg|border|center|200px]]
 |-
 |Frameless<br />Like thumbnail, respect user preferences for image width but without border and no right float.
+|
-<code><nowiki>[[Image:Example.jpg|frameless]]</nowiki></code>
+<code><nowiki>[[Image:Example1.jpg|frameless]]</nowiki></code>
+|
-[[Image:Example.jpg|frameless]]
+[[Image:Example1.jpg|frameless]]
 |}
@@ Line 66: / Line 66: @@
 *<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:
+You can also embed external images from certain sites. To do that, simply insert the image's url:
 *<code><nowiki>http://url.for/some/image.png</nowiki></code>
+Currently the only allowed site for external images is www.povray.org.
 == Gallery of images ==
@@ Line 84: / Line 84: @@
 <pre>
 <gallery>
-Image:Example.jpg|Item 1
+Image:Example1.jpg|Item 1
-Image:Example.jpg|a link to [[Help:Contents]]
+Image:Example1.jpg|a link to [[Help:Contents]]
-Image:Example.jpg
+Image:Example1.jpg
-Image:Example.jpg
+Image:Example1.jpg
-Image:Example.jpg|''italic caption''
+Image:Example1.jpg|''italic caption''
 </gallery>
 </pre>
 is formatted as:
 <gallery>
-Image:Example.jpg|Item 1
+Image:Example1.jpg|Item 1
-Image:Example.jpg|a link to [[Help:Contents]]
+Image:Example1.jpg|a link to [[Help:Contents]]
-Image:Example.jpg
+Image:Example1.jpg
-Image:Example.jpg
+Image:Example1.jpg
-Image:Example.jpg|''italic caption''
+Image:Example1.jpg|''italic caption''
 </gallery>
 [[Category:Help|Images]]

Help:Images - Revision history

WikiSysop: Update images

WikiSysop: Adding help content