Adding Images to your Article: Difference between revisions

From The DarkMod Wiki
Jump to navigationJump to search
Tels (talk | contribs)
cat at the bottom
Tels (talk | contribs)
m sort under "Images"
Line 43: Line 43:
[http://img153.imageshack.us/img153/9927/shot00006xs8.jpg http://img153.imageshack.us/img153/9927/shot00006xs8.th.jpg]
[http://img153.imageshack.us/img153/9927/shot00006xs8.jpg http://img153.imageshack.us/img153/9927/shot00006xs8.th.jpg]


{{tutorial-wiki}}
{{tutorial-wiki|sort=Images}}

Revision as of 10:49, 7 October 2007

Upload the Image to DarkWiki

You can upload images directly to DarkWiki by using this page: Special:Upload. Once uploaded, include the image in a page using a link in the form [[Image:File.jpg]]

Note: This is the prefered method of storing images!

Alternative: External Hosting

Note: This alternative should not be used with the wiki, as external hosts tend to disappear, either temporarily or permanently, leaving the wiki articles without images. And since an image is worth 1000 words...

You will have to use some external hosting service like ImageShack. Once you know the URL of your linked image, copy and paste it into your text like this:

http://modetwo.net/darkmod/style_images/darkimg/darkmod-logo.jpg

The Wiki will recognize this as a link to an image and will automatically insert this image into your article at full size:

darkmod-logo.jpg

Adding ImageShack-Images to Wiki-Articles

Once you upload your image to ImageShack, a page containing a bunch of links appears. Copy the one named as "direct link to image" and paste it here like this:

http://img153.imageshack.us/img153/9927/shot00006xs8.jpg

This will insert the image at full size into your article.

Adding ImageShack-Images with Thumbnails

Inserting large 1024x768 screenshots can make the reading of your article hard (and increases bandwidth consumption), so it's cleaner to create a clickable thumbnail that links to the full size image.

As above, copy and paste the link named "direct link to image" into your text, this time in single brackets:

[http://img153.imageshack.us/img153/9927/shot00006xs8.jpg]

This will create a link to the full sized image. Now insert the link description, which in our case is the thumbnail of this image. For Firefox-Users just right-click on the actual preview thumbnail that ImageShack is showing you after upload and choose "Copy Image Location" and paste it right before the closing bracket like this (and after the space):

[http://img153.imageshack.us/img153/9927/shot00006xs8.jpg http://img153.imageshack.us/img153/9927/shot00006xs8.th.jpg]

Note the space between the two links that is necessary to tell DarkWiki that these are two seperate strings. Now the thumbnail will be used as description for this external link.

Note: If you look closely you'll notice that the only difference between these two links is the thumbnail using .th.jpg instead of .jpg. As long as ImageShack doesn't change this format, you can also duplicate the link to the full image and insert the .th manually, thus saving the "Copy Image Location" part.

The result will look like this:

shot00006xs8.th.jpg