Difference between revisions of "Help:Editing/Images"

From Wowpedia
Jump to: navigation, search
(making a thumbnail link elsewhere is misuse of |link= (use the thumbnail's caption in that case); altering example slightly)
 
(8 intermediate revisions by 7 users not shown)
Line 1: Line 1:
<noinclude>{{nocat}}</noinclude>
+
<noinclude>[[Category:Help]]</noinclude>
  +
{| class="wikitable"
== Images ==
 
  +
|-
  +
! width=40%| Appearance
  +
! width=60%| Description and Code
   
  +
|- valign="top"
<table border="1" cellpadding="2" cellspacing="0">
 
 
| A picture: [[Image:INV_Axe_04.png]]
<tr>
 
  +
| Inline picture<br/>
<th width=50%>What it looks like</th>
 
 
<code><nowiki>A picture: [[Image:INV_Axe_04.png]]</nowiki></code>
<th width=50%>What you type</th>
 
</tr>
 
<tr valign="top"><td>A picture: [[Image:INV_Axe_04.png]]
 
</td>
 
<td><pre><nowiki>
 
A picture: [[Image:INV_Axe_04.png]]</nowiki></pre>
 
</td>
 
</tr>
 
<tr valign="top"><td>A picture with alternate text:
 
[[Image:INV_Axe_04.png| A WoW inventory icon for an axe]]
 
</td>
 
<td><pre><nowiki>
 
A picture with alternate text:
 
[[Image:INV_Axe_04.png| A WoW inventory icon for an axe]]</nowiki>
 
</pre>
 
*Alternative text, used when a mouse hovers over the image or when the image is not loaded in a text-only browser, or when spoken aloud, is strongly encouraged.
 
</td>
 
</tr>
 
<tr valign="top"><td>A picture with a caption set to the right:
 
[[Image:INV_Axe_04.png|frame| A WoW inventory icon for an axe]]
 
</td>
 
<td><pre><nowiki>
 
A picture with a caption set to the right:
 
[[Image:INV_Axe_04.png|frame|A WoW inventory icon for an axe]]</nowiki>
 
</pre>
 
</td>
 
</tr>
 
<tr>
 
<td>
 
Clicking on an uploaded image displays a description page, which you can also link directly to: [[:Image:Beastmaster1.jpg]]
 
</td>
 
<td><pre><nowiki>
 
[[:Image:Beastmaster1.jpg]]
 
</nowiki></pre>
 
</td>
 
</tr>
 
   
  +
|- valign="top"
<tr>
 
  +
| [[Image:INV_Axe_04.png|32px]]
<td>
 
  +
| Inline picture scaled to 32px wide<br/>
To include links to images shown as links instead of drawn on the page, use a "media" link.
 
  +
<code><nowiki>[[Image:INV_Axe_04.png|32px]]</nowiki></code>
<br/>[[media:Bruiseweed.png|Image of Bruiseweed]]
 
</td>
 
<td>
 
<pre>
 
<nowiki>
 
[[media:Bruiseweed.png|Image of Bruiseweed]]</nowiki></pre>
 
</td>
 
</tr>
 
   
  +
|- valign="top"
</table>
 
 
| [[Image:INV_Axe_04.png| A WoW inventory icon for an axe]]
 
| Picture with alternate text (which appears when a mouse hovers over the image, when the image is not loaded in a text-only browser, or when spoken aloud).<br/>
  +
<code><nowiki>[[Image:INV_Axe_04.png| A WoW inventory icon for an axe]]</nowiki></code>
  +
  +
|-
  +
| [[:Image:Beastmaster1.jpg]] ([[:Image:Beastmaster1.jpg|or using a caption]])
  +
| Text link to an image's description page.<br/>
  +
<code><nowiki>[[:Image:Beastmaster1.jpg]] ([[:Image:Beastmaster1.jpg|or using a caption]])</nowiki></code>
  +
  +
|- valign="top"
  +
| [[Image:Return_to_Jaina_teleport_from_Archmage_Malin.jpg|thumb|Archmage Malin's helpful teleport!]]
  +
| Right-floating thumbnail with caption.<br/>
  +
<code><nowiki>[[Image:Return_to_Jaina_teleport_from_Archmage_Malin.jpg|thumb|Archmage Malin's helpful teleport!]]</nowiki></code>
  +
  +
|- valign="top"
  +
| [[Image:Return_to_Jaina_teleport_from_Archmage_Malin.jpg|thumb|left|Archmage Malin's helpful teleport!]]
  +
| Left-floating thumbnail with caption.<br/>
  +
<code><nowiki>[[Image:Return_to_Jaina_teleport_from_Archmage_Malin.jpg|thumb|left|Archmage Malin's helpful teleport!]]</nowiki></code>
  +
  +
|- valign="top"
 
|[[Image:INV_Axe_04.png|frame|A WoW inventory icon for an axe]]
  +
|Full-size image, with a caption, in a right-floating frame.<br/>
 
<code><nowiki>[[Image:INV_Axe_04.png|frame|A WoW inventory icon for an axe]]</nowiki></code>
  +
  +
|- valign="top"
 
|[[Image:INV_Axe_04.png|frame|left|A WoW inventory icon for an axe]]
  +
|Full-size image, with a caption, in a left-floating frame.<br/>
  +
<code><nowiki>[[Image:INV_Axe_04.png|frame|left|A WoW inventory icon for an axe]]</nowiki></code>
  +
  +
|- valign="top"
  +
| [[Image:INV_Axe_04.png|link=Axe]]
  +
| Image linking to a custom page instead of the image's description.<br/>
  +
<code><nowiki>[[Image:INV_Axe_04.png|link=Axe]]</nowiki></code>
  +
  +
|}

Latest revision as of 21:40, 7 January 2013

Appearance Description and Code
A picture: Inv axe 04.png Inline picture

A picture: [[Image:INV_Axe_04.png]]

Inv axe 04.png Inline picture scaled to 32px wide

[[Image:INV_Axe_04.png|32px]]

A WoW inventory icon for an axe Picture with alternate text (which appears when a mouse hovers over the image, when the image is not loaded in a text-only browser, or when spoken aloud).

[[Image:INV_Axe_04.png| A WoW inventory icon for an axe]]

Image:Beastmaster1.jpg (or using a caption) Text link to an image's description page.

[[:Image:Beastmaster1.jpg]] ([[:Image:Beastmaster1.jpg|or using a caption]])

Archmage Malin's helpful teleport!
Right-floating thumbnail with caption.

[[Image:Return_to_Jaina_teleport_from_Archmage_Malin.jpg|thumb|Archmage Malin's helpful teleport!]]

Archmage Malin's helpful teleport!
Left-floating thumbnail with caption.

[[Image:Return_to_Jaina_teleport_from_Archmage_Malin.jpg|thumb|left|Archmage Malin's helpful teleport!]]

A WoW inventory icon for an axe
Full-size image, with a caption, in a right-floating frame.

[[Image:INV_Axe_04.png|frame|A WoW inventory icon for an axe]]

A WoW inventory icon for an axe
Full-size image, with a caption, in a left-floating frame.

[[Image:INV_Axe_04.png|frame|left|A WoW inventory icon for an axe]]

Inv axe 04.png Image linking to a custom page instead of the image's description.

[[Image:INV_Axe_04.png|link=Axe]]