Difference between revisions of "Images - Mediawiki"

From Help Wiki
m (Extended image syntax)
m (subst applied to Template:TwoColumn)
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
 +
<div class="container-fluid">
 +
<div class="row">
 +
<div class="col-md-8">
 +
<div class="lead">
 +
Learn the basic wiki syntax for embedding images. Remember, you can also use the [[Visual Editor - Mediawiki|Visual Editor]] for a quick and easy way to embed images.
 +
</div>
 +
 
[[Image:Tesla portrait.gif|thumb|right|150px|portrait of Nicola Tesla]]
 
[[Image:Tesla portrait.gif|thumb|right|150px|portrait of Nicola Tesla]]
==Image Basics==
+
==Image Basic Syntax==
 
Displaying images in wiki pages is a 2 step process:
 
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]]
 
#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]]
Line 47: Line 55:
 
*To alter the image link see [http://meta.wikimedia.org/wiki/Help:Navigational_images navigational images]
 
*To alter the image link see [http://meta.wikimedia.org/wiki/Help:Navigational_images navigational images]
  
 +
 +
<!-- end col-md-8 -->
 +
</div>
 +
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 
{{Mediawiki Help}}
 
{{Mediawiki Help}}
 +
{{GetHelp}}
 +
 +
<!-- end col-md-3-->
 +
</div>
 +
<!-- end row-->
 +
</div>
 +
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
 
  [[category:Mediawiki]]
 
  [[category:Mediawiki]]

Latest revision as of 16:01, 14 August 2017

Learn the basic wiki syntax for embedding images. Remember, you can also use the Visual Editor for a quick and easy way to embed images.

portrait of Nicola Tesla

Image Basic Syntax

Displaying images in wiki pages is a 2 step process:

  1. 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
  2. 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.

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


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

[[File: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:

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

See also