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)
 
(9 intermediate revisions by 8 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| An WoW inventory icon for an axe]]
  
−
</td>
  
−
<td><pre><nowiki>
  
−
A picture with alternate text:
 
⚫
[[Image:INV_Axe_04.png| An 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| An 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|An 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]]

Retrieved from "https://wow.gamepedia.com/Help:Editing/Images?oldid=3080577"