Help:Image - Revision history

Lexmechanic: wrong word

2013-11-29T01:49:13Z

wrong word

Leord at 11:09, 8 February 2010

2010-02-08T11:09:24Z

Asteria: /* Gallery of Images */

2009-12-22T16:07:29Z

‎Gallery of Images

Leord at 21:38, 28 August 2008

2008-08-28T21:38:00Z

Leord at 21:37, 28 August 2008

2008-08-28T21:37:05Z

Leord at 21:36, 28 August 2008

2008-08-28T21:36:32Z

Leord at 21:35, 28 August 2008

2008-08-28T21:35:00Z

Leord at 21:21, 28 August 2008

2008-08-28T21:21:18Z

Leord at 21:07, 28 August 2008

2008-08-28T21:07:00Z

Leord at 12:51, 28 August 2008

2008-08-28T12:51:12Z

New page

To insert an image, just add the following code, that you can see is very similar to other wiki links: <nowiki>[[Image:filename.jpg]]</nowiki>. Make sure you don't forget to write the file extension. The valid image files for {{WikiTitle}} are:
* .gif
* .jpg
* .png
Images will automatically be justificated to the left side on a page, but it's easy to change this with variables, to make boxes around images and to change their size. Read more about images on the [[Help:Image|Image Help page]].

The example above shows a jpg, but it may use any valid file extension. Images inserted this way will be placed with left justification, and text will wrap around them.

To link to the GWO Wiki page for the image, type:

<pre>
[[:Image:filename.jpg]]
</pre>

Images automatically link to the full page for that image, where the image is displayed full size, along with any caption and copyright info included for it. Images may be set to link directly to other pages, though this is non-standard wiki practice, and its recommended that such links are provided in the image's caption, or are placed directly on the full image page. To link from an image:

<pre>
{{clickpic|TARGET PAGE TITLE|FULL PATH OF IMAGE FILE}}
</pre>
Where "FULL PATH OF IMAGE FILE" is the full path, for example <nowiki> http://www.imaginarywiki.com/wiki/index/image.jpg </nowiki> - so this works better with external images, but may be used with images you have uploaded with you use their full path instead of the usual shortcut.

(which must have been [[Special:Upload|previously uploaded]] to the wiki)

===Image Formatting===

Images may be presented in various ways by adding commands within the brackets, after the image, separated by "pipes." For example, the image below this paragraph has the following code:

[[Image:Mon-achmel1.jpg|center|thumb|125px|Words about the image.]]

<nowiki>[[Image:Mon-achmel1.jpg|center|thumb|125px|Words about the image.]]</nowiki>

The most common image formatting command is "frame" which simply adds a border around an image and (by default) right justifies it. Various other image formatting commands (such as thumb, or inserting a caption) will create a frame automatically, as seen in the above example.
* '''Right/left/center''' are valid justifying commands.
* Thumb will thumbnail an image, and should be used when the full image is so large it will affect a page's formatting. Default is 200 pixels wide. If a different display width is desired, simply type it in, immediately after the thumb command, separated by a pipe.
* To caption an image, simply type whatever you wish the caption to be, after the other commands, immediately before the closing double brackets. Wiki formatting is to keep captions as short and to the point as possible. Long captions will stretch the image frame beyond the image, and look ugly.

{{Help navbox}}

@@ Line 25: / Line 25: @@
 * '''Size'''
-** <span style="color:white;">|150px</span> - Sets the width of the image to 150 pixels. The image size ration is preserved.
+** <span style="color:white;">|150px</span> - Sets the width of the image to 150 pixels. The image size ratio is preserved.
-** <span style="color:white;">|150px100px</span> - The image becomes no wider than 150 pixels and no higher than 100 pixels. The image size ration is preserved.
+** <span style="color:white;">|150px100px</span> - The image becomes no wider than 150 pixels and no higher than 100 pixels. The image size ratio is preserved.
 ** If not used, it will use the standard size.

@@ Line 28: / Line 28: @@
 ** <span style="color:white;">|150px100px</span> - The image becomes no wider than 150 pixels and no higher than 100 pixels. The image size ration is preserved.
 ** If not used, it will use the standard size.
 * '''Caption''' - Any element that isn't identified as one of the above.
 ** <span style="color:white;">|(any text)</span> - This will create an alternative mouseover tooltip instead of the standard "Image:Jay_Wilson.jpg" on regular images. Will add a caption below the image for "frames" and "thumbs".
 Examples:
@@ Line 36: / Line 40: @@
 * <nowiki>[[Image:Jay_Wilson.jpg|right|150px|Caption not working.]]</nowiki>
 * <nowiki>[[Image:Jay_Wilson.jpg|thumb|150px|Caption about [[Jay Wilson]] in a "thumbnail".]]</nowiki>
 <div style="clear:both;"></div>

@@ Line 73: / Line 73: @@
 <blockquote><pre>
 <gallery>
-Image:Jay_Wilson.jpg
+File:Jay_Wilson.jpg
-Image:Jay_Wilson.jpg|Caption 1
+File:Jay_Wilson.jpg|Caption 1
-Image:Jay_Wilson.jpg|Caption 2
+File:Jay_Wilson.jpg|Caption 2
-Image:Jay_Wilson.jpg|Link: [[Jay Wilson]]
+File:Jay_Wilson.jpg|Link: [[Jay Wilson]]
-Image:Jay_Wilson.jpg|Lead Designer D3
+File:Jay_Wilson.jpg|Lead Designer D3
-Image:Jay_Wilson.jpg
+File:Jay_Wilson.jpg
-Image:Jay_Wilson.jpg|Last pic
+File:Jay_Wilson.jpg|Last pic
 </gallery>
 </pre></blockquote>
 This is what it would look like:
 <gallery>
-Image:Jay_Wilson.jpg
+File:Jay_Wilson.jpg
-Image:Jay_Wilson.jpg|Caption 1
+File:Jay_Wilson.jpg|Caption 1
-Image:Jay_Wilson.jpg|Caption 2
+File:Jay_Wilson.jpg|Caption 2
-Image:Jay_Wilson.jpg|Link: [[Jay Wilson]]
+File:Jay_Wilson.jpg|Link: [[Jay Wilson]]
-Image:Jay_Wilson.jpg|Lead Designer D3
+File:Jay_Wilson.jpg|Lead Designer D3
-Image:Jay_Wilson.jpg
+File:Jay_Wilson.jpg
-Image:Jay_Wilson.jpg|Last pic
+File:Jay_Wilson.jpg|Last pic
 </gallery>
 Notice that the 8th picture place is empty until one more picture is added.
 ==Linking to Images==

@@ Line 87: / Line 87: @@
 Image:Jay_Wilson.jpg|Caption 1
 Image:Jay_Wilson.jpg|Caption 2
-Image:Jay_Wilson.jpg|[[Jay Wilson]]
+Image:Jay_Wilson.jpg|Link: [[Jay Wilson]]
 Image:Jay_Wilson.jpg|Lead Designer D3
 Image:Jay_Wilson.jpg

@@ Line 86: / Line 86: @@
 Image:Jay_Wilson.jpg
 Image:Jay_Wilson.jpg|Caption 1
-Image:Jay_Wilson.jpg
+Image:Jay_Wilson.jpg|Caption 2
 Image:Jay_Wilson.jpg|[[Jay Wilson]]
 Image:Jay_Wilson.jpg|Lead Designer D3

@@ Line 22: / Line 22: @@
 ** <span style="color:white;">|left</span> - Aligns the image floating to the left. Text will align around the right hand side.
 ** <span style="color:white;">|center</span> - Centers the image on the page. Text aove and below only.
 * '''Size'''
@@ Line 63: / Line 64: @@
 ==Uploading Images==
-To upload images to the wiki, there are primarily two ways
+To upload images to the wiki, there are primarily two ways; either create the wiki syntax for the image first, and then click on the red link to upload, just like you would when creating a new [[Help:Article|article]], or you can go to the [[Special:Upload|upload page]] of the wiki.
 ==Gallery of Images==
+The other functional use of pictures on a page is to make a ''gallery'' of pictures. The wiki code "<nowiki><gallery></gallery></nowiki>" will create a 4xX gallery that auto-fills with more pictures. The gallery will be four columns of pictures wide, and any number of rows. The gallery can either be just thumbnails, or thumbnails with captions. Just make wiki syntax like illustrated below, and add one {{WikiTitle}} image page name per row:
+<blockquote><pre>
+<gallery>
+Image:Jay_Wilson.jpg
+Image:Jay_Wilson.jpg|Caption 1
@@ Line 85: / Line 106: @@
 {{Help navbox}}

@@ Line 3: / Line 3: @@
 ==Adding Images==
-[[Image:Jay_Wilson.jpg|thumb|right|150px|[[Jay Wilson]], the Lead Game Designer of [[Diablo 3]].]]To insert an image on any page, you use a small piece of [[Help:Markup|wiki markup]], that you can see is very similar to [[Help:Markup#Creating Links|wiki links]]: <nowiki>[[Image:filename.jpg]]</nowiki>. Make sure you don't forget to write the file extension. The valid image files for {{WikiTitle}} are:
+[[Image:Jay_Wilson.jpg|thumb|right|150px|[[Jay Wilson]], the Lead Game Designer of [[Diablo 3]].]]To insert an image on any page, you use a small piece of [[Help:Markup|wiki markup]], that you can see is very similar to [[Help:Markup#Creating Links|wiki links]]: <nowiki>[[Image:filename.jpg]]</nowiki>. Make sure you don't forget to write the file extension. For this instruction we assume the picture is already uploaded to the wiki (more on that further down). The valid image files for {{WikiTitle}} are:
 * .gif
 * .jpg
@@ Line 32: / Line 32: @@
 Examples:
-* <nowiki>[[Image:Jay_Wilson.jpg|left|frame|150px|Caption about [[Jay Wilson]].]]</nowiki>
+* <nowiki>[[Image:Jay_Wilson.jpg|left|frame|150px|Caption about [[Jay Wilson]] in a "frame".]]</nowiki>
-* <nowiki>[[Image:Jay_Wilson.jpg|right|150px]]</nowiki>
+* <nowiki>[[Image:Jay_Wilson.jpg|right|150px|Caption not working.]]</nowiki>
-* <nowiki>[[Image:Jay_Wilson.jpg|thumb|150px|Caption about [[Jay Wilson]].]]</nowiki>
+* <nowiki>[[Image:Jay_Wilson.jpg|thumb|150px|Caption about [[Jay Wilson]] in a "thumbnail".]]</nowiki>
-Notice how the "150px" attribute on the "frame" image does not work.
+[[Image:Jay_Wilson.jpg|left|frame|150px|Caption about [[Jay Wilson]] in a "frame".]][[Image:Jay_Wilson.jpg|right|150px|Caption not working.]][[Image:Jay_Wilson.jpg|thumb|150px|Caption about [[Jay Wilson]] in a "thumbnail".]]
-[[Image:Jay_Wilson.jpg|left|frame|150px|Caption about [[Jay Wilson]].]][[Image:Jay_Wilson.jpg|right|150px]][[Image:Jay_Wilson.jpg|thumb|150px|Caption about [[Jay Wilson]].]]
+===Spacing Between Images===

@@ Line 1: / Line 1: @@
 To insert an image, just add the following code, that you can see is very similar to other wiki links: <nowiki>[[Image:filename.jpg]]</nowiki>. Make sure you don't forget to write the file extension. The valid image files for {{WikiTitle}} are:
 * .gif
@@ Line 4: / Line 74: @@
 * .png
 Images will automatically be justificated to the left side on a page, but it's easy to change this with variables, to make boxes around images and to change their size. Read more about images on the [[Help:Image|Image Help page]].
 The example above shows a jpg, but it may use any valid file extension. Images inserted this way will be placed with left justification, and text will wrap around them.