Difference between revisions of "Images - Mediawiki"

Revision as of 13:42, 9 November 2016

portrait of Nicola Tesla

Image Basics

Displaying images in wiki pages is a 2 step process:

Upload the image file by clicking the Upload file link in the Toolbox navigation. (note: you must use .jpg, .gif and .png type image files). For more on uploading files see Uploading Files
In the page you want the image to be displayed in, place a link to the image file using the following syntax (note: replace filename.jpg with the name of your file) [[File:filename.jpg]] or [[File:filename.jpg|alt text]] to include alternate text with your image.

Extended image syntax

There are many additional ways you can control how images are displayed.

[[Image:{name}|{type}|{location}|{size}|{caption}]]

Example: This image uses the following syntax. Note the size refers to the width only in pixels.

[[Image:Tesla portrait.gif|thumb|right|150px|portrait of Nicola Tesla]]

Image Galleries

The basic syntax is:

<gallery>
Image:Tesla portrait.gif
Image:Tesla portrait.gif|Captioned
Image:Tesla portrait.gif
Image:Tesla portrait.gif|[[Links]] can be put in captions.
Image:Tesla portrait.gif
</gallery>

Which produces:

Captioned
Links can be put in captions.

Notice that there are no brackets except for links within captions. Captions are optional. Images are separated by new lines.

See also

For a complete guide to the image extended syntax see: Mediawiki Extended Image Syntax
To alter the image link see navigational images

Mediawiki Help

Mediawiki Tutorial - for a step-by-step tutorial to get you started
FAQs - common questions about using Mediawiki at Evergreen
All Mediawiki articles

@@ Line 3: / Line 3: @@
 Displaying images in wiki pages is a 2 step process:
 #Upload the image file by clicking the '''Upload file''' link in the Toolbox navigation. ''(note: you must use '''.jpg''', '''.gif''' and '''.png''' type image files). For more on uploading files see [[Uploading Files - Mediawiki|Uploading Files]]
-#In the page you want the image to be displayed in, place a link to the image file using the following syntax ''(note: replace filename.jpg with the name of your file)'' '''<nowiki>[[Image:filename.jpg]] or [[Image:filename.jpg|alt text]]</nowiki>''' to include alternate text with your image.
+#In the page you want the image to be displayed in, place a link to the image file using the following syntax ''(note: replace filename.jpg with the name of your file)'' '''<nowiki>[[File:filename.jpg]] or [[File:filename.jpg|alt text]]</nowiki>''' to include alternate text with your image.
+[[File:Evergreen-beach.jpg]]