Changes

|-

|-

|<big>Image appears on page</big><br><br>In this example want to display the WikiVet logo, so insert file name '''Wikivet.png''' into the image code <nowiki>[[File:]]</nowiki>.<br>Click "edit" on the page you want image on, then insert the code in desired location and click "save".<br>File name must match exactly what appears in [http://commons.wikivet.net WikiVet Commons].<br>The default size is as uploaded to WikiVet Commons, the default position is to the left.

|<big>Image appears on page</big><br><br>In this example want to display the WikiVet logo, so insert file name '''Wikivet.png''' into the image code <nowiki>[[File:]]</nowiki>.<br>Click "edit" on the page you want image on, then insert the code in desired location and click "save".<br>File name must match exactly what appears in [http://commons.wikivet.net WikiVet Commons].<br>The default size is as uploaded to WikiVet Commons, the default position is to the left.

|<tt><nowiki>[[File:Wikivet.png]]</nowiki></tt>

|<tt><nowiki>[[File:</nowiki><font color=red>Wikivet.png</font><nowiki>]]</nowiki></tt>

|[[File:Wikivet.png]]

|[[File:Wikivet.png]]

|-

|-

|<big>Change '''size''' of image </big><br><br>can set '''width''' and height will adjust according to same ratio as uploaded.  <br>In this example, want to make image 50 pixels wide, so insert '''<nowiki>|50px</nowiki>''' into the code

|<big>Change '''size''' of image </big><br><br>can set '''width''' and height will adjust according to same ratio as uploaded.  <br>In this example, want to make image 50 pixels wide, so insert '''<nowiki>|50px</nowiki>''' into the image code

|<tt><nowiki>[[File:Wikivet.png|50px]]</nowiki></tt>

|<tt><nowiki>[[File:Wikivet.png</nowiki><font color=red><nowiki>|50px</nowiki></font><nowiki>]]</nowiki></tt>

|[[File:Wikivet.png|50px]]

|[[File:Wikivet.png|50px]]

|-

|-

|<big>Change '''position''' of image</big><br><br>can change default position for image on the screen to left, center or right.<br>In this example, have made aligned to the center by inserting '''<nowiki>|center</nowiki>''' into the code.<br>Can align to the left with '''<nowiki>|left</nowiki>''' and to the right with '''<nowiki>|right</nowiki>'''   

|<big>Change '''position''' of image</big><br><br>Can change default position for image on the screen to left, center or right.<br>In this example, have made aligned to the center by inserting '''<nowiki>|center</nowiki>''' into the image code.<br>Can align to the left with '''<nowiki>|left</nowiki>''' and to the right with '''<nowiki>|right</nowiki>'''   

|<tt><nowiki>[[File:Wikivet.png|center]]</nowiki></tt>

|<tt><nowiki>[[File:Wikivet.png</nowiki><font color=red><nowiki>|center</nowiki></font><nowiki>]]</nowiki></tt>

|[[File:Wikivet.png|center]]

|[[File:Wikivet.png|center]]

|-

|-

|Anchor link

|<big>Make image into a '''thumbnail'''</big><br><br>Can put box around image by inserting '''<nowiki>|thumb</nowiki>''' into the image code.<br>Default position for thumbnails is to the right of the screen.

|<tt><nowiki>[[#External links|Anchor link]]</nowiki></tt>

|<tt><nowiki>[[File:Wikivet.png</nowiki><font color=red><nowiki>|thumb</nowiki></font><nowiki>]]</nowiki></tt>

|[[#External links|Anchor link]]

|[[File:Wikivet.png|thumb]]

|-

|-

|External link

|<big>Add '''captions''' to a thumbnail</big><br><br>Can add a description or a link underneath a thumbnail image.<br>In this example a simple description is entered - see [[Help:WikiMarkup_Formatting#Links|Links]] section for different links you can display.<br>To dispaly "WikiVet Logo" under the thumbnail, add '''<nowiki>|thumb|WikiVet Logo</nowiki>''' to the image code.

|<tt><nowiki>http://mediawiki.org</nowiki></tt>

|<tt><nowiki>[[File:Wikivet.png</nowiki><font color=red><nowiki>|thumb|WikiVet Logo</nowiki></font><nowiki>]]</nowiki></tt>

|http://mediawiki.org

|[[File:Wikivet.png|thumb|WikiVet Logo]]

|-

|-

|<big>Make image a '''clickable link'''</big><br><br>This uses the Imagemap extension which puts an information button on the bottom right corner linking to the image file.<br>You add the file name after <nowiki>"Image:"</nowiki>, you can also define size and position.<br>Add link to page after "default" - this is the page that user will be taken to when they click the image. 

|<tt><nowiki>[[media:example.jpg]]</nowiki></tt>

|<tt><nowiki><imagemap></nowiki><br>

|[[media:example.jpg]]

Image:<font color=red><nowiki>Wikivet.png|50px|center</nowiki></font><br>

default <font color=red><nowiki>[[Veterinary Education Online]]</nowiki></font><br>

|External link,<br />

<nowiki></imagemap></nowiki></tt>

|<imagemap>

|<tt><nowiki>[http://mediawiki.org MediaWiki]</nowiki></tt>

Image:Wikivet.png|50px|center

|[http://mediawiki.org MediaWiki]

default [[Veterinary Education Online]]  

</imagemap>

|External link,<br />

|<tt><nowiki>[http://mediawiki.org]</nowiki></tt>

|External link,<br />

|<tt><nowiki>[http://{{SERVERNAME}}/pagename]</nowiki></tt>

|<tt><nowiki>[[Wikipedia:MediaWiki]]</nowiki></tt>

|<tt><nowiki>mailto:info@example.org</nowiki></tt>

|<tt><nowiki>[mailto:info@example.org]</nowiki></tt>

|[mailto:info@example.org]

|<tt><nowiki>[mailto:info@example.org info]</nowiki></tt>

|[mailto:info@example.org info]

|-

|redirect

|<tt><nowiki>#REDIRECT [[Veterinary Education Online]]</nowiki></tt>

|}

|}