• New article from the Springfield Shopper: Season 36 News: Another Preview Image for “The Man Who Flew Too Much” and details on other episodes have been released!
  • New article from the Springfield Shopper: Season 36 News: Two new Preview Images for “The Man Who Flew Too Much” have been released!
  • Wikisimpsons needs more Featured Article, Picture, Quote, Episode and Comprehensive article nominations!
  • Wikisimpsons has a Discord server! Click here for your invite! Join to talk about the wiki, Simpsons and Tapped Out news, or just to talk to other users.
  • Make an account! It's easy, free, and your work on the wiki can be attributed to you.
TwitterFacebookDiscord

Difference between revisions of "Help:Image markup"

Wikisimpsons - The Simpsons Wiki
m
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
'''← [[Help: Contents]]'''
+
'''[[Help:Contents]]'''
  
This page is a tutorial for using the wiki image-formatting syntax available starting with MediaWiki 1.2 (upgraded in March 2004). The image markup is backwards-compatible, so old instances of images do not need to be upgraded — they already meet the current standards. However, there are a number of additional features available to make the presentation of images in an article cleaner and more attractive.
+
This page is a tutorial for using the wiki image-formatting syntax available starting with MediaWiki 1.2 (upgraded in March 2004). The image markup is backwards-compatible, so old instances of images do not need to be upgraded — they already meet the current standards. However, there are a number of additional features available to make the presentation of images in an article cleaner and more attractive.
  
==Basic Syntax==
+
== Basic Syntax ==
The basic format for displaying an image inline is still <tt><nowiki>[[Image:Wiki.png|Caption text]]</nowiki></tt>.
+
The basic format for displaying an image inline is still <tt><nowiki>[[File:Wiki.png|Caption text]]</nowiki></tt>.
  
==Available Styles==
+
== Available Styles ==
; <tt>thumbnail</tt>, <tt>thumb</tt> : generates an automatically resized thumbnail image, normally on the right, with the caption text displayed directly underneath. An "enlarge"-icon is added. Example: <nowiki>[[Image:Wiki.png|thumbnail|Caption text]]</nowiki>
+
; <tt>thumbnail</tt>, <tt>thumb</tt> : generates an automatically resized thumbnail image, normally on the right, with the caption text displayed directly underneath. An "enlarge"-icon is added. Example: <nowiki>[[File:Wiki.png|thumb|Caption text]]</nowiki>
 
; <tt>frame</tt> : The image will have a frame, regardless of whether it is a thumb, and the caption text will be included as a visible caption.
 
; <tt>frame</tt> : The image will have a frame, regardless of whether it is a thumb, and the caption text will be included as a visible caption.
 
; <tt>right</tt> : make the image right-aligned, can be used with and without specifying thumb
 
; <tt>right</tt> : make the image right-aligned, can be used with and without specifying thumb
Line 15: Line 15:
  
 
Vertical bars (the pipe "|" character) are used to separate options from each other and from the caption text. Unknown options are ignored and the final parameter is used as the caption text.
 
Vertical bars (the pipe "|" character) are used to separate options from each other and from the caption text. Unknown options are ignored and the final parameter is used as the caption text.
 +
 +
== Galleries ==
 +
You can also make galleries of images. These are made by using the <nowiki><gallery></nowiki> tags.
 +
 +
<pre>
 +
<gallery>
 +
File:Wiki.png|Gallery text
 +
File:Homer.png|[[Homer Simpson]]
 +
File:Blank.png|Blank image
 +
File:No image.png|No image
 +
</gallery>
 +
</pre>
 +
 +
This can be used to make this:
 +
 +
<gallery>
 +
File:Wiki.png|Gallery text
 +
File:Homer Simpson.png|[[Homer Simpson]]
 +
File:Blank.png|Blank image
 +
File:No image.png|No image
 +
</gallery>
  
 
{{Help}}
 
{{Help}}
  
 
[[Category:Help]]
 
[[Category:Help]]

Latest revision as of 13:09, September 24, 2015

Help:Contents

This page is a tutorial for using the wiki image-formatting syntax available starting with MediaWiki 1.2 (upgraded in March 2004). The image markup is backwards-compatible, so old instances of images do not need to be upgraded — they already meet the current standards. However, there are a number of additional features available to make the presentation of images in an article cleaner and more attractive.

Basic Syntax[edit]

The basic format for displaying an image inline is still [[File:Wiki.png|Caption text]].

Available Styles[edit]

thumbnail, thumb 
generates an automatically resized thumbnail image, normally on the right, with the caption text displayed directly underneath. An "enlarge"-icon is added. Example: [[File:Wiki.png|thumb|Caption text]]
frame 
The image will have a frame, regardless of whether it is a thumb, and the caption text will be included as a visible caption.
right 
make the image right-aligned, can be used with and without specifying thumb
left 
same as above, but left aligned.
none 
The image will be rendered inline, even if the thumbnail-option is set
sizepx 
render a thumbnail version of the image that's [size] pixels wide (e.g. "150px"). Height is computed to keep aspect ratio (i.e. the shape of the image).

Vertical bars (the pipe "|" character) are used to separate options from each other and from the caption text. Unknown options are ignored and the final parameter is used as the caption text.

Galleries[edit]

You can also make galleries of images. These are made by using the <gallery> tags.

<gallery>
File:Wiki.png|Gallery text
File:Homer.png|[[Homer Simpson]]
File:Blank.png|Blank image
File:No image.png|No image
</gallery>

This can be used to make this: