Help:Images

From Fanlore
Jump to: navigation, search

Contents

This page explains how to display and format images on the wiki. For information on uploading images, see Help:Managing files.

Note: In an earlier version of mediawiki, the "File" namespace was called "Image". Therefore, a lot of images that display on Fanlore articles will have wiki markup like [[Image:Name_of_file]] instead of [[File:Name_of_file]]. Either syntax should still display correctly.


Image Formatting Cheatsheet

Description You type You get
Embed image
(with alt text)

[[File:Example.jpg|Sunflowers]]

Sunflowers

Link to description page

[[:File:Example.jpg]]
[[:File:Example.jpg|Sunflowers]]

File:Example.jpg
Sunflowers

Link directly to file

[[Media:Example.jpg]]
[[Media:Example.jpg|Sunflowers]]

Media:Example.jpg
Sunflowers

Thumbnail
(centered, 100 pixels
wide, with caption)

[[File:Example.jpg|center|thumb|100px|Sunflowers]]

Sunflowers
Border
(100 pixels)
Results in a very small gray border

[[File:Example.jpg|border|100px]]

Example.jpg

Frameless
Like thumbnail, respect user preferences for image width but without border and no right float.

[[File:Example.jpg|frameless]]

Example.jpg

How to display an image on a wiki article

The short answer: copy and paste [[File:NAME_OF_FILE|thumb]] into the article.

The full syntax for displaying an image in an article is:

[[File:{name}|{options}]]

Where options can be zero or more of the following, separated by pipes:

  • thumb, thumbnail, or frame: Controls how the image is formatted
  • left, right, center, none: Controls the alignment of the image on the page
  • {width}px: Resizes the image to the given width in pixels
  • {caption text}
  • Special cases:
    • page=1: displays the specified page when showing a djvu file.

The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.

Linking to image files hosted elsewhere

You can link to an external image the same way you link to other webpages:

  • [http://url.for/some/image.png]

Or with different text:

  • [http://url.for/some/image.png link text here]

Note: Images that are not hosted on Fanlore will not display on Fanlore pages.

How to create an image gallery

It's easy to make a gallery of thumbnails with the <gallery> tag. The syntax is:

<gallery>
File:{filename}|{caption}
File:{filename}|{caption}
{...}
</gallery>

Captions are optional, and may contain wiki links or other formatting.

for example:

<gallery>
File:Example.jpg|Item 1
File:Example.jpg|a link to [[Help:Contents]]
File:Example.jpg
File:Example.jpg
File:Example.jpg|''italic caption''
</gallery>

is formatted as:

Formatting images in articles

If you want an image to appear directly below the infobox, place the image thumb immediately after the template in the edit window and use this code:

<div style="float: right; clear: right">[[Image:Your image here.jpg|thumb]]</div>

Substitute Your image here.jpg with the actual file name. Here is an example.

The FixBunching template also lines up images vertically down the side of a page. However, it does not clear the infobox.

For more ideas on how to arrange images on the page, see Doro's image guide.

Related help pages

Personal tools
Namespaces

Variants
Actions
Fanlore
Browse Categories
Help
Shortcuts for Editors
Toolbox