Help:Images - Revision history

WikiAdmin at 02:10, 3 November 2008

2008-11-03T02:10:35Z

WikiAdmin at 02:09, 3 November 2008

2008-11-03T02:09:37Z

WikiAdmin at 02:09, 3 November 2008

2008-11-03T02:09:09Z

WikiAdmin at 02:08, 3 November 2008

2008-11-03T02:08:34Z

Show changes

WikiAdmin at 01:53, 3 November 2008

2008-11-03T01:53:27Z

WikiAdmin at 00:33, 3 November 2008

2008-11-03T00:33:30Z

WikiAdmin at 00:27, 3 November 2008

2008-11-03T00:27:43Z

Show changes

WikiAdmin at 20:12, 1 November 2008

2008-11-01T20:12:06Z

Djv: New page: This page explains the image syntax when editing the wiki. Before using images, you must {{mediawiki|Manual:Configuring_file_uploads|configure file uploads}} and [[Help:Managing files|uplo...

2008-09-28T00:05:03Z

New page: This page explains the image syntax when editing the wiki. Before using images, you must {{mediawiki|Manual:Configuring_file_uploads|configure file uploads}} and [[Help:Managing files|uplo...

New page

This page explains the image syntax when editing the wiki. Before using images, you must {{mediawiki|Manual:Configuring_file_uploads|configure file uploads}} and [[Help:Managing files|upload a file]].

__TOC__

{| class="FCK__ShowTableBorders"
|-
| '''Description'''
| '''You type'''
| '''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]] [[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]] [[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|thumb|center|Sunflowers]]

|-
| Border (100 pixels) Results in a very small gray border 
|
<code><nowiki>[[Image:Example-white-bg.jpg|border|100px]]</nowiki></code>

|
[[Image:Example-white-bg.jpg|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]]

|}

== 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>
*Special cases:
**<code>page=1</code>: displays the specified page when showing a djvu file.

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

== See also ==

*[[Help:Linked images|Linked images]]

== External Link ==

*[[:wikipedia:Project:Extended_image_syntax|Wikipedia:Extended image syntax]]

[[Category:Help]]

@@ Line 87: / Line 87: @@
 Image:Binomial_Cube.jpg|on page "{{PAGENAME}}"
 </gallery>
 ==External Link==

@@ Line 88: / Line 88: @@
 </gallery>
-== See also ==
+<h2> See also </h2>
-* [[Help:Linked images|Linked images]]
+<ul><li> <a href="Help:Linked images">Linked images</a>
 ==External Link==

@@ Line 1: / Line 1: @@
-This page explains the image syntax when editing the wiki. Before using images, you have to [[Help:Managing files|upload a file]].
+This page explains the image syntax when editing the wiki. Before using images,  you have to [[Help:Managing_files|upload a file]].
 __TOC__
+{| {{Prettytable}}
 |-
-| '''Description'''
+|{{Hl3}}|'''Description'''
-| '''You type'''
+|{{Hl3}}|'''You type'''
-| '''You get'''
+|{{Hl3}}|'''You get'''
 |-
-| Embed image<br> (with alt text)
+|Embed image<br /> (with alt text)
-| <code><nowiki>[[Image:Binomial_Cube.jpg|Binomial Cube]]</nowiki></code>
+|<code><nowiki>[[Image:Binomial_Cube.jpg|Binomial Cube]]</nowiki></code>
-−
+|
-[[Image:Binomial Cube.jpg|Binomial Cube]]
+[[Image:Binomial_Cube.jpg|Binomial Cube]]
 |-
-| Link to description page
+|Link to description page
-| <code><nowiki>[[:Image:Binomial_Cube.jpg]]</nowiki></code><br><code><nowiki>[[:Image:Binomial_Cube.jpg|Binomial Cube]]</nowiki></code>
+|<code><nowiki>[[:Image:Binomial_Cube.jpg]]</nowiki></code><br /><code><nowiki>[[:Image:Binomial_Cube.jpg|Binomial Cube]]</nowiki></code>
-−
+|
-[[:Image:Binomial Cube.jpg]]<br> [[:Image:Binomial Cube.jpg|Binomial Cube]]
+[[:Image:Binomial_Cube.jpg]]<br />
+[[:Image:Binomial_Cube.jpg|Binomial Cube]]
 |-
-| Link directly to file
+|Link directly to file
-| <code><nowiki>[[Media:Binomial_Cube.jpg]]</nowiki></code><br><code><nowiki>[[Media:Binomial_Cube.jpg|Binomial Cube]]</nowiki></code>
+|<code><nowiki>[[Media:Binomial_Cube.jpg]]</nowiki></code><br /><code><nowiki>[[Media:Binomial_Cube.jpg|Binomial Cube]]</nowiki></code>
-| [[Media:Binomial_Cube.jpg]]<br> [[Media:Binomial_Cube.jpg|Binomial Cube]]
+|[[Media:Binomial_Cube.jpg]]<br /> [[Media:Binomial_Cube.jpg|Binomial Cube]]
 |-
-| Thumbnail<br> (centered, 100 pixels<br> wide, with caption)
+|Thumbnail<br /> (centered, 100 pixels<br /> wide, with caption)
-| <code><nowiki>[[Image:Binomial_Cube.jpg|center|thumb|100px|Binomial Cube]]</nowiki></code>
+|<code><nowiki>[[Image:Binomial_Cube.jpg|center|thumb|100px|Binomial Cube]]</nowiki></code>
-| [[Image:Binomial Cube.jpg|thumb|center|100px|Binomial Cube]]
+|[[Image:Binomial_Cube.jpg|center|thumb|100px|Binomial Cube]]
 |-
-| Border<br> (100 pixels) <br> Results in a very small gray border <!-- Note: because the fine gray border can not be seen when used on Image:Binomial_Cube.jpg (binomial cube image), an image with a white background is used -->
+|Border<br /> (100 pixels) <br /> Results in a very small gray border <!-- Note: because the fine gray border can not be seen when used on Image:Binomial_Cube.jpg (binomial cube image), an image with a white background is used -->
-| <code><nowiki>[[Image:Binomial_Cube.jpg|border|100px]]</nowiki></code>
+|<code><nowiki>[[Image:Binomial_Cube.jpg|border|100px]]</nowiki></code>
-| [[Image:Binomial Cube.jpg|border|100px]]
+|[[Image:Binomial_Cube.jpg|border|100px]]
 |-
-| Frameless<br>Like thumbnail, respect user preferences for image width but without border and no right float.
+|Frameless<br />Like thumbnail, respect user preferences for image width but without border and no right float.
-| <code><nowiki>[[Image:Binomial_Cube.jpg|frameless]]</nowiki></code>
+|<code><nowiki>[[Image:Binomial_Cube.jpg|frameless]]</nowiki></code>
-| [[Image:Binomial Cube.jpg]]
+|[[Image:Binomial_Cube.jpg|frameless]]
 |}
-== Syntax  ==
+== Syntax ==
 The full syntax for displaying an image is: <code><nowiki>[[Image:{name}|{options}]]</nowiki></code>
-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:
+Where options can be zero or more of the following, separated by pipes:
 *<code>thumb</code>, <code>thumbnail</code>, <code>frame</code>, or <code>frameless</code>: Controls how the image is formatted
-*<code>thumb</code>, <code>thumbnail</code>, <code>frame</code>, or <code>frameless</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>left</code>, <code>right</code>, <code>center</code>, <code>none</code>: Controls the alignment of the image on the page
+*<code>baseline</code>, <code>sub</code>, <code>super</code>, <code>top</code>, <code>text-top</code>, <code>middle</code>, <code>bottom</code>, <code>text-bottom</code>: Controls the vertical alignment of the image on the page
-*<code>baseline</code>, <code>sub</code>, <code>super</code>, <code>top</code>, <code>text-top</code>, <code>middle</code>, <code>bottom</code>, <code>text-bottom</code>: Controls the vertical alignment of the image on the page
+*<code>{width}px</code>: Resizes the image to the given width in pixels
-*<code>{width}px</code>: Resizes the image to the given width in pixels
+*<code>{caption text}</code>: Must not end with "px"
-*<code>{caption text}</code>: Must not end with "px"
+* Special cases:
-*Special cases:
+** <code>page=1</code>: Displays the specified page when showing a djvu file
-== Other files  ==
+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.
 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>
-== Gallery of images  ==
+== Gallery of images ==
 It's easy to make a gallery of thumbnails with the <code><nowiki><gallery></nowiki></code> tag. The syntax is:
-It's easy to make a gallery of thumbnails with the <code><nowiki><gallery></nowiki></code> tag. The syntax is:
+<pre>
-<pre>&lt;gallery&gt;
+<gallery>
 Image:{filename}|{caption}
 Image:{filename}|{caption}
 {...}
-&lt;/gallery&gt;
+</gallery>
 </pre>
 Captions are optional, and may contain wiki links or other formatting.
 for example:
-<pre>&lt;gallery&gt;
+<pre>
 Image:Binomial_Cube.jpg|Item 1
 Image:Binomial_Cube.jpg|a link to [[Help:Contents]]
@@ Line 81: / Line 76: @@
 Image:Binomial_Cube.jpg|''italic caption''
 Image:Binomial_Cube.jpg|on page "{{PAGENAME}}"
-&lt;/gallery&gt;
+</gallery>
 </pre>
-is formatted as: <gallery>
+is formatted as:
 Image:Binomial_Cube.jpg|Item 1
 Image:Binomial_Cube.jpg|a link to [[Help:Contents]]
@@ Line 90: / Line 86: @@
 Image:Binomial_Cube.jpg|''italic caption''
 Image:Binomial_Cube.jpg|on page "{{PAGENAME}}"
 </gallery>
-*[[Help:Linked images|Linked images]]
+== See also ==
-== External Link ==
+==External Link==
 [[Category:Help|{{PAGENAME}}]]

@@ Line 39: / Line 39: @@
 <!-- Note: because the fine gray border can not be seen when used on Image:Exaple.jpg (sunflowers image), an image with a white background is used -->
+|
-<code><nowiki>[[Image:Example-white-bg.jpg|border|100px]]</nowiki></code>
+<code><nowiki>[[Image:Binomial_Cube.jpg|border|100px]]</nowiki></code>
+|
 [[Image:Example-white-bg.jpg|border|100px]]
@@ Line 61: / Line 61: @@
 * Special cases:
 ** <code>page=1</code>: Displays the specified page when showing a djvu file
-*<code>link={destination}</code>: Allows to link to an arbitrary title, URL or just nowhere ([[rev:41727|1.14+]])
 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.

@@ Line 1: / Line 1: @@
-This page explains the image syntax when editing the wiki. Before using images, your wiki must have file uploads enabled (see the {{mediawiki|Manual:Configuring_file_uploads|technical manual}} for details) and you have to [[Help:Managing files|upload a file]].
+This page explains the image syntax when editing the wiki. Before using images,  you have to [[Help:Managing_files|upload a file]].
 __TOC__
@@ Line 114: / Line 114: @@
-[[Category:Help|Images]]
+[[Category:Help|{{PAGENAME}}]]

@@ Line 11: / Line 11: @@
 | Embed image<br>(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><br><code><nowiki>[[:Image:Example.jpg|Sunflowers]]</nowiki></code>
+|
-[[Image:Example.jpg|Image:Example.jpg]]<br>[[Image:Example.jpg|Sunflowers]]
+[[Image:Example.jpg]]<br>[[Image:Example.jpg|Sunflowers]]
 |-
 | Link directly to file
+|
 <code><nowiki>[[Media:Example.jpg]]</nowiki></code><br><code><nowiki>[[Media:Example.jpg|Sunflowers]]</nowiki></code>
+|
 [[Media:Example.jpg|Media:Example.jpg]]<br>[[Media:Example.jpg|Sunflowers]]
 |-
 | Thumbnail<br>(centered, 100 pixels<br>wide, with caption)
+|
 <code><nowiki>[[Image:Example.jpg|center|thumb|100px|Sunflowers]]</nowiki></code>
+|
 [[Image:Example.jpg|thumb|center|Sunflowers]]
 |-
 | Border<br>(100 pixels) <br>Results in a very small gray border <!-- Note: because the fine gray border can not be seen when used on Image:Exaple.jpg (sunflowers image), an image with a white background is used -->
+|
 <code><nowiki>[[Image:Example-white-bg.jpg|border|100px]]</nowiki></code>
+|
 [[Image:Example-white-bg.jpg|border|100px]]
 |-
 | 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>
+|
 [[Image:Example.jpg]]
 |}
@@ Line 98: / Line 98: @@
 {...}
 &lt;/gallery&gt;
 </pre>
 Captions are optional, and may contain wiki links or other formatting.
@@ Line 109: / Line 109: @@
 Image:Example.jpg|''italic caption''
 &lt;/gallery&gt;
 </pre>
 is formatted as: <gallery>
 Image:Example.jpg|Item 1
@@ Line 122: / Line 122: @@
 *[[Help:Linked images|Linked images]]
-== External Link ==
+== External Link  ==
-*[[:wikipedia:Project:Extended_image_syntax|Wikipedia:Extended image syntax]]
+*[[:wikipedia:Project:Extended image syntax|Wikipedia:Extended image syntax]]
-[[Category:Help]]
+[[Category:Help|Images]]