Global Lua Modules/Multiple image

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.

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).
}}