Fandom Developers Wiki
Advertisement

Multiple image is a module used to create a template for a box displaying multiple images in a single box, as if it were a single image.

Install[]

Module[]

To enable the module on your wiki, simply create a module titled Module:Multiple image or otherwise, containing the following:

return require('Dev:Multiple image')

Template[]

The module is designed to be used as a regular template. To do that just create a template (ex: Template:Multiple image) with following content:

<onlyinclude>{{#invoke:Multiple image|render}}</onlyinclude>

Usage[]

{{multiple image
|align             = 
|direction         = 
|background color  = 
|width             = 
|total_width       = 
|caption_align     = 

|header_background = 
|header_align      = 
|header            = 

|image[n]          = 
|width[n]          = 
|alt[n]            = 
|link[n]           = 
|thumbtime[n]      = 
|caption[n]        = 

|footer_background = 
|footer_align      = 
|footer            = 
}}

Parameters[]

align
The position of the thumbnail relative to page content. Options:
  • right (default)
  • left
  • center
  • none
direction
The alignment of each image relative to each other, either horizontal (default) or vertical.
background_color
The background color of the thumbnail (applies to all images). If left empty, this will remain as styled in the site's stylesheet (recommended).
width
The width of the thumbnail in pixels, applies to all images. This parameter will override width[n] below. Omit px from this value. Defaults to 200 (200 pixels wide). Must be used over total_width below.
total_width
Sets the total width of the thumbnail, automatically sizing the images therein accordingly. Must be used over width above.
caption_align
The text-alignment of the thumbnail captions. Options:
  • left (default)
  • right
  • center
header_background
The background color of the header. If left empty, this will remain as styled in the site's stylesheet (recommended).
header_align
The text-alignment of the thumbnail header. Options:
  • center (default)
  • right
  • left
header
The header text, situated at the top of the thumbnail above all images.
image1 >> image10
The file name and extension of the desired image, omitting "File:" and "Image:" prefixes. At least 2 required, up to 10 supported.
width1 >> width10
The individual width of the [n]th image. This will be overridden by the global width parameter above.
alt1 >> alt10
An alt description for the [n]th image. Not required but strongly recommended (see MOS:ALT).
link1 >> link10
The link to which the [n]th image leads. This parameter should not be used on mainspace articles.
thumbtime1 >> thumbtime10
When using Ogg Theora files, this parameter sets the time within the video that is used for the initial display (thumbnail). This is either a number of seconds or hours:minutes:seconds. See Setting a video thumbnail image.
caption1 >> caption10
The caption for the [n]th image.
footer_background
The background color of the footer. If left empty, this will remain as styled in the site's stylesheet (recommended).
footer_align
The text-alignment of the thumbnail footer. Options:
  • left (default)
  • right
  • center
footer
The footer text, situated at the bottom of the thumbnail below all images.

Example[]

Some example Dev Wiki Main Page
Dev Wiki Logo.

Dev Wiki Logo.

PortableCSSPad (Fandomized).

PortableCSSPad (Fandomized).

The following code produces the following output (right):

{{multiple image
|direction = vertical
|width     = 240
|header    = Some example [[Fandom Developers Wiki|Dev Wiki Main Page]]

|image1    = Wiki.png
|alt1      = Dev Wiki Logo.
|caption1  = Dev Wiki Logo.

|image2    = FandomizedPCSSP.png
|alt2      = PortableCSSPad (Fandomized).
|caption2  = PortableCSSPad (Fandomized).
}}
Advertisement