Difference between revisions of "Images"

From Spydiewiki
Jump to navigationJump to search
Line 7: Line 7:
{{Tableheading}}'''You get'''
{{Tableheading}}'''You get'''
|-
|-
|Embed image<br /> (with alt text)
|<small>Embed image<br /> (with alt text)</small>
|
|
<tt><nowiki>[[Image:Testpicture_small.jpg|Mountains]]</nowiki></tt>
<tt><nowiki>[[Image:Testpicture_small.jpg|Mountains]]</nowiki></tt>
Line 13: Line 13:
[[Image:Testpicture_small.jpg|Mountains]]
[[Image:Testpicture_small.jpg|Mountains]]
|-
|-
|Link to description page
|<small>Link to<br>description page</small>
|
|
<tt><nowiki>[[:Image:Testpicture_small.jpg]]</nowiki><br /></tt>
<tt><nowiki>[[:Image:Testpicture_small.jpg]]</nowiki><br /></tt>
Line 21: Line 21:
[[:Image:Testpicture_small.jpg|Mountains]]
[[:Image:Testpicture_small.jpg|Mountains]]
|-
|-
|Link directly to file
|<small>Link directly to file</small>
|
|
<tt><nowiki>[[Media:Testpicture_small.jpg]]</nowiki></tt><br />
<tt><nowiki>[[Media:Testpicture_small.jpg]]</nowiki></tt><br />
Line 29: Line 29:
[[Media:Testpicture_small.jpg|Mountains]]
[[Media:Testpicture_small.jpg|Mountains]]
|-
|-
|Thumbnail<br /> (centered, 100 pixels<br /> wide, with caption)
|<small>Thumbnail (aligned left, 100px wide, with caption)</small>
|
|
<tt><nowiki>[[Image:Testpicture_small.jpg|center|thumb|100px|Mountains]]</nowiki></tt>
<tt><nowiki>[[Image:Testpicture_small.jpg|left|thumb|100px|Mountains]]</nowiki></tt>
|
|
[[Image:Testpicture_small.jpg|center|thumb|100px|Mountains]]
[[Image:Testpicture_small.jpg|left|thumb|100px|Mountains]]
|-
|-
|Border<br /> (100 pixels) <br /> Results in a very small gray border
|<small><tt>border</tt> results in a very small gray border</small><ref>Sometimes the fine gray border cannot be seen whith certain images.</ref>
<!-- Note: because the fine gray border can not be seen when used on the "Mountains"-image. -->
|
|
<tt><nowiki>[[Image:Testpicture_small.jpg|border|100px]]</nowiki></tt>
<tt><nowiki>[[Image:Testpicture_small.jpg|border|100px]]</nowiki></tt>
|
|
[[Image:Testpicture_small.jpg|border|100px]]
[[Image:Testpicture_small.jpg|border|100px]]
|-
|Frameless<br />Like thumbnail, respect user preferences for image width but without border and no right float.
|
<tt><nowiki>[[Image:Testpicture_small.jpg|frameless]]</nowiki></tt>
|
[[Image:Testpicture_small.jpg|frameless]]
|}
|}
<references/>


== Syntax ==
== Syntax ==

Revision as of 01:11, 3 March 2008

The following will only work if you first upload an image file to Spydiewiki.com or if it already exists

Basics of displaying images

Description You type You get
Embed image
(with alt text)

[[Image:Testpicture_small.jpg|Mountains]]

Mountains

Link to
description page

[[:Image:Testpicture_small.jpg]]
[[:Image:Testpicture_small.jpg|Mountains]]

Image:Testpicture_small.jpg
Mountains

Link directly to file

[[Media:Testpicture_small.jpg]]
[[Media:Testpicture_small.jpg|Mountains]]

Media:Testpicture_small.jpg
Mountains

Thumbnail (aligned left, 100px wide, with caption)

[[Image:Testpicture_small.jpg|left|thumb|100px|Mountains]]

Mountains
border results in a very small gray border[1]

[[Image:Testpicture_small.jpg|border|100px]]

Testpicture small.jpg

  1. Sometimes the fine gray border cannot be seen whith certain images.

Syntax

The full syntax for displaying an image is:

[[Image:{name}|{options}]]

Where options can be zero or more of the following, separated by pipes:

  • thumb, thumbnail, or frame: Controls how the image is formatted
  • left, right, center, none: Controls the alignment of the image on the page
  • {width}px: Resizes the image to the given width in pixels
  • {caption text}
  • Special cases:
    • page=1: 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.

External files

You can link to an external file using the same syntax used for linking to an external web page.

  • [http://url.for/some/image.png]

Or with different text:

  • [http://url.for/some/image.png link text here]

Image galleries

It's easy to make a gallery of thumbnails with the <gallery> tag. The syntax is:

<gallery>
Image:Filename.jpg|Caption 1
Image:Filename.jpg|Caption 2
etc.
</gallery>

Captions are optional but strongly recommended, and may contain other formatting like links.

Example:

<gallery>
Image:Testpicture_small.jpg|Item 1
Image:Testpicture_small.jpg|Item 2
Image:Testpicture_small.jpg|a link to the [[Main Page]]
Image:Testpicture_small.jpg|''italic caption''
</gallery>

Results in:

Related articles

  • [[]]