Template:Gallery/doc

This template provides advanced gallery building functionality (fine-tuned formatting control). For creating basic galleries, use the Gallery tag.

This template displays a gallery of images in an array, left-to-right in rows. Global parameters width and height control the size of all images in the gallery unless overridden by an image's widthn parameter. The number of images per row is based upon the image width parameters and the width of the screen. The number of images per row can change when the user resizes the window.

For style guidelines about where galleries are appropriate, see.

For each image
Specify a line of the following form for each image.
 * Alt text

Where:
 * – the image's file name. Either  or   prefix may be used
 * Altn – alt attribute: alt1 for the first image, alt2 for the second image, etc
 * – the alternative text for the image, used by visually impaired or other readers who cannot see the image clearly. If omitted, the image's alt text will be blank.
 * – the caption under the image; see Manual of Style/Captions

Optional parameters
These parameters apply to the gallery:


 * title – The gallery's title
 * align – The alignment of the gallery on the page, left (default), center, or right; ignored when state is set
 * footer – Small, right-aligned text below the images
 * style – CSS style directives for the whole gallery (see Help:Cascading Style Sheets)
 * state – Sets the default state of collapsible galleries; use expanded or collapsed; collapsible galleries occupy the full page width

These parameters apply to all of the images in the gallery:


 * height – Maximum height of each image. If this parameter is not included, height defaults to 180 pixels.
 * width – Maximum width of each image, default is 180 pixels.
 * cellwidth – Width of each image cell or box, default is width). If specified, cellwidth overrides any value specified with width.
 * captionstyle – CSS style directives for the captions (see Help:Cascading Style Sheets)

The image's original ratio of width to height cannot be modified by width or height – a rectangular image will not be made square if width and height are set to the same value.

These parameters apply to each image, separately:


 * widthn (where  is a number) – specifies the width of   when it needs to be different from the value specified by width

Note that making an image wider with the widthn parameter does not produce a wider caption, which will still be constrained by the width parameter.

Examples
scroll

scroll

Note how in the above example, the parameter 200 sets the width of image 4, to allow the dollar-bill image to be wider than the other images in the gallery. However, the width of the caption remains at 120px, as set by the 120 parameter.

TemplateData
{	"params": { "title": { "label": "title", "description": "Title for the overall gallery", "example": "Pictures of chickens", "type": "string", "suggested": true },		"align": { "label": "align", "description": "Alignment of the gallery on the page; possible values include left, right, and center", "example": "center", "type": "string", "default": "left" },		"footer": { "label": "footer", "description": "Creates a footer which will appear in the lower right corner of the overall gallery, in small font, of whatever text the editor placing it wishes to put there", "example": "Early works", "type": "string" },		"style": { "label": "style", "description": "This parameter allows an editor to utilize Cascading Style Sheet code" },		"state": { "label": "state", "description": "This parameter allows the editor to determine whether or not the gallery will initially appear as either expanded or collapsed for readers", "example": "collapsed", "type": "string", "default": "expanded" },		"height": { "label": "height", "description": "determines the maximum height for any image within the gallery", "example": "100px", "type": "string", "default": "180px" },		"width": { "label": "width", "description": "Analogous to height parameter; sets maximum width for any image in the gallery", "example": "120px", "type": "string", "default": "180px" },		"cellwidth": { "label": "cellwidth", "description": "Sets the cell width for individual images with the gallery", "example": "80px", "type": "string", "default": "(whatever value, if any, that has been entered for the width parameter)" }	},	"description": "Place this template on an article or user page to create a gallery of images on that page along with captions. Anyone may place this template." }