Jump to content

Template:Gallery/doc: Difference between revisions

From Wikipedia, the free encyclopedia
Content deleted Content added
m See also: clean up per WP:CAT#T and WP:AWBREQ add template:Sandbox other
+protection notice
(25 intermediate revisions by 18 users not shown)
Line 1: Line 1:
{{pp|small=yes}}
<!-- Categories go where indicated at the bottom of this page, please; interwikis go to Wikidata (see also:
[[Wikipedia:Wikidata]]). -->
{{For|the cleanup tag|Template:Cleanup gallery}}
{{High-use}}
{{Warning|Before making a gallery, please read over the '''[[WP:IG|image use policy for galleries]]'''. Generally, a gallery '''should not be added''' so long as there is space for images to be effectively presented adjacent to text.}}
{{Documentation subpage}}
{{Documentation subpage}}
{{Warning|1={{big|Before making a gallery, please read over the '''[[WP:IG|image use policy for galleries]]'''. Generally, a gallery '''should not be added''' so long as there is space for images to be effectively presented adjacent to text.}}
}}
<!-- Categories go where indicated at the bottom of this page, please; interwikis go to Wikidata (see also: [[Wikipedia:Wikidata]]). -->
{{For|the cleanup tag|Template:Cleanup gallery}}
{{#ifeq:{{FULLPAGENAME}}|Template:Gallery|{{High-use|6773}}}}
{{Lua|Module:Gallery}}
{{Lua|Module:Gallery}}
{{Uses TemplateStyles|Template:Gallery/styles.css}}


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


This template displays a gallery of images in an array, left-to-right in rows. Global parameters {{para|width}} and {{para|height}} control the size of all images in the gallery. 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.
This template displays a gallery of images in an array, left-to-right in rows. Global parameters {{para|width}} and {{para|height}} control the size of all images in the gallery. 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.
Line 14: Line 14:
For style guidelines about where galleries are appropriate, see {{section link|Wikipedia:Image use policy#Image galleries}}.
For style guidelines about where galleries are appropriate, see {{section link|Wikipedia:Image use policy#Image galleries}}.


== Blank syntax ==
== Blank syntax with all parameters ==
{| style="background: transparent;"
{| style="background: transparent;"
|<pre>{{Gallery
|<syntaxhighlight lang="wikitext">{{Gallery
| title =
| title =
| align =
| align =
Line 24: Line 24:
| height =
| height =
| width =
| width =
| perrow =
| mode =
| whitebg =
| noborder =
| captionstyle =
| captionstyle =
| File:
| File:
| Write a caption here
| alt1=
| alt1=
| Write a caption here
| File:
| File:
| alt2=
| Write a caption here
| Write a caption here
| alt2=
| File:
| File:
| alt3=
| Write a caption here
| Write a caption here
| alt3=
| File:
| File:
| alt4=
| Write a caption here
| Write a caption here
| alt4=
| File:
| File:
| alt5=
| Write a caption here
| Write a caption here
| alt5=
}}</pre>
}}</syntaxhighlight>
|}
|}


Line 48: Line 52:


Specify a line of the following form for each image.
Specify a line of the following form for each image.
: <code>|File:''Filename''</code> {{para|alt''n''|''Alt text''}} <code>|''Caption''</code>
: <code>|File:''Filename''</code> <code>|''Caption''</code> {{para|alt''n''|''alternative text''}}

Note that the file name and the caption do not need parameter names, but each alt text parameter must be preceded by {{para|alt''n''}}.


Where:
Where:
: <code>|File:''Filename''</code> – the image's file name. Either <code>File:</code> or <code>Image:</code> prefix may be used
: <code>|File:''Filename''</code> – the image's file name. Either <code>File:</code> or <code>Image:</code> prefix may be used
: {{para|Alt''n''}} – [[alt attribute]]: {{para|alt1}} for the first image, {{para|alt2}} for the second image, etc
:: <code>''Alt text''</code> – the [[Wikipedia:Alternative text for images|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.
: <code>|''Caption''</code> – the caption under the image; see [[Wikipedia:Manual of Style/Captions]]
: <code>|''Caption''</code> – the caption under the image; see [[Wikipedia:Manual of Style/Captions]]
: {{para|alt''n''}} – [[alt attribute]]: {{para|alt1}} for the first image, {{para|alt2}} for the second image, etc
:: <code>''alternative text''</code> – the [[Wikipedia:Alternative text for images|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.


=== Optional parameters ===
=== Optional parameters ===


These parameters apply to the gallery:
These parameters apply to the entire gallery:


: {{para|title}} – The gallery's title
: {{para|title}} – The gallery's title
Line 68: Line 74:
These parameters apply to all of the images in the gallery:
These parameters apply to all of the images in the gallery:
: {{para|noborder}} – Cancel the border surrounding the images, use {{para|noborder|yes}} to set.
: {{para|noborder}} – Cancel the border surrounding the images, use {{para|noborder|yes}} to set.
: {{para|height}} – Maximum height of each image. If this parameter is not included, {{para|height}} defaults to 180 pixels.
: {{para|whitebg}} – Cancel the white background after the images, use {{para|whitebg|no}} to set.
: {{para|width}} – Maximum width of each image, default is 180 pixels.
: {{para|height}} – Maximum height of each image. If this parameter is not included, {{para|height}} defaults to 180 pixels. Use a simple number here, e.g.,&nbsp;{{xt|200}}, without a units designation, e.g.,&nbsp;{{!xt|200px}}.
: {{para|width}} – Maximum width of each image, default is 180 pixels. Use a number here, e.g.,&nbsp;{{xt|150}}, without units, e.g.,&nbsp;{{!xt|150px}}.
: {{para|perrow}} – Number of images to display per row
: {{para|captionstyle}} – [[Cascading Style Sheets|CSS]] style directives for the captions (see [[Help:Cascading Style Sheets]])
: {{para|captionstyle}} – [[Cascading Style Sheets|CSS]] style directives for the captions (see [[Help:Cascading Style Sheets]])


Line 75: Line 83:


== Examples ==
== Examples ==
{{pre2|scroll|<nowiki>{{Gallery
{{pre|<nowiki>{{Gallery
|title=Cultural depictions of George Washington
|title=Cultural depictions of George Washington
|width=160 | height=170
|width=160 | height=170
Line 81: Line 89:
|footer=Example 1
|footer=Example 1
|File:Federal Hall NYC 27.JPG
|File:Federal Hall NYC 27.JPG
|Statue of Washington outside [[Federal Hall National Memorial]] in [[New York City]], overlooking [[Wall Street]]
|alt1=Statue facing a city building with Greek columns and huge U.S. flag
|alt1=Statue facing a city building with Greek columns and huge U.S. flag
|Statue of Washington outside [[Federal Hall National Memorial]] in [[New York City]], overlooking [[Wall Street]]
|File:Mount Rushmore2.jpg
|File:Mount Rushmore2.jpg
|Construction of Washington portrait at [[Mount Rushmore]], c. 1932
|alt2=Profile of stone face on mountainside, with 3 workers.
|alt2=Profile of stone face on mountainside, with 3 workers.
|Construction of Washington portrait at [[Mount Rushmore]], c. 1932
|File:2006 Quarter Proof.png
|File:2006 Quarter Proof.png
|alt3=Shiny silver coin with profile of Washington bust.
|Washington is commemorated on a [[Quarter (United States coin)|quarter]].
|Washington is commemorated on a [[Quarter (United States coin)|quarter]].
|alt3=Shiny silver coin with profile of Washington bust.
|File:George Washington Presidential $1 Coin obverse.png
|File:George Washington Presidential $1 Coin obverse.png
|alt4=Gold coin with bust of Washington facing slightly left
|Washington on a [[dollar coin (United States)|dollar coin]]
|Washington on a [[dollar coin (United States)|dollar coin]]
|alt4=Gold coin with bust of Washington facing slightly left
}}</nowiki>}}
}}</nowiki>}}
{{Gallery
{{Gallery
Line 99: Line 107:
|footer=Example 1
|footer=Example 1
|File:Federal Hall NYC 27.JPG
|File:Federal Hall NYC 27.JPG
|alt1=Statue facing a city building with Greek columns and huge U.S. flag
|Statue of Washington outside [[Federal Hall National Memorial]] in [[New York City]], overlooking [[Wall Street]]
|Statue of Washington outside [[Federal Hall National Memorial]] in [[New York City]], overlooking [[Wall Street]]
|alt1=Statue facing a city building with Greek columns and huge U.S. flag
|File:Mount Rushmore2.jpg
|File:Mount Rushmore2.jpg
|alt2=Profile of stone face on mountainside, with 3 workers.
|Construction of Washington portrait at [[Mount Rushmore]], c. 1932
|Construction of Washington portrait at [[Mount Rushmore]], c. 1932
|alt2=Profile of stone face on mountainside, with 3 workers.
|File:2006 Quarter Proof.png
|File:2006 Quarter Proof.png
|alt3=Shiny silver coin with profile of Washington bust.
|Washington is commemorated on a [[Quarter (United States coin)|quarter]].
|Washington is commemorated on a [[Quarter (United States coin)|quarter]].
|alt3=Shiny silver coin with profile of Washington bust.
|File:George Washington Presidential $1 Coin obverse.png
|File:George Washington Presidential $1 Coin obverse.png
|alt4=Gold coin with bust of Washington facing slightly left
|Washington on a [[dollar coin (United States)|dollar coin]]
|Washington on a [[dollar coin (United States)|dollar coin]]
|alt4=Gold coin with bust of Washington facing slightly left
}}
}}


{{pre2|scroll|<nowiki>{{Gallery
{{pre|<nowiki>{{Gallery
|title=Cultural depictions of George Washington
|title=Cultural depictions of George Washington
|width=120 |height=100
|width=120 |height=100
Line 118: Line 126:
|footer=Example 2a
|footer=Example 2a
|File:Federal Hall NYC 27.JPG
|File:Federal Hall NYC 27.JPG
|alt1=Statue facing a city building with Greek columns
|Statue of Washington outside [[Federal Hall National Memorial]] in [[New York City]], overlooking [[Wall Street]]
|Statue of Washington outside [[Federal Hall National Memorial]] in [[New York City]], overlooking [[Wall Street]]
|alt1=Statue facing a city building with Greek columns
|File:Mount Rushmore2.jpg
|File:Mount Rushmore2.jpg
|alt2=Profile of stone face on mountainside, with 3 workers.
|Work on Washington portrait at [[Mount Rushmore]], c. 1932
|Work on Washington portrait at [[Mount Rushmore]], c. 1932
|alt2=Profile of stone face on mountainside, with 3 workers.
|File:2006 Quarter Proof.png
|File:2006 Quarter Proof.png
|alt3=Shiny silver coin with profile of Washington bust.
|Washington on a [[Quarter (United States coin)|quarter]]
|Washington on a [[Quarter (United States coin)|quarter]]
|alt3=Shiny silver coin with profile of Washington bust.
|File:United_States_one_dollar_bill,_obverse.jpg
|File:United_States_one_dollar_bill,_obverse.jpg
|alt4=Front side of U.S. dollar bill, with Washington portrait in center.
|[[United States one-dollar bill|U.S. one-dollar bill]]
|[[United States one-dollar bill|U.S. one-dollar bill]]
|alt4=Front side of U.S. dollar bill, with Washington portrait in center.
|File:George Washington Presidential $1 Coin obverse.png
|File:George Washington Presidential $1 Coin obverse.png
|alt5=Gold coin with bust of Washington facing left
|Washington on a [[dollar coin (United States)|dollar coin]]
|Washington on a [[dollar coin (United States)|dollar coin]]
|alt5=Gold coin with bust of Washington facing left
}}</nowiki>}}
}}</nowiki>}}
{{Gallery
{{Gallery
Line 193: Line 201:
"example": "center",
"example": "center",
"type": "string",
"type": "string",
"default": "left"
"default": "left",
"suggestedvalues": [
"left",
"center",
"right"
]
},
},
"footer": {
"footer": {
Line 202: Line 215:
},
},
"style": {
"style": {
"label": "style",
"label": "CSS styling",
"description": "This parameter allows an editor to utilize Cascading Style Sheet code"
"description": "Allows custom Cascading Style Sheets styling to be added to the gallery block.",
"example": "border: 1px solid black;",
"type": "string"
},
"captionstyle": {
"label": "captionstyle",
"description": "This parameter allows an editor to utilize Cascading Style Sheet code for caption"
},
},
"state": {
"state": {
Line 210: Line 229:
"example": "collapsed",
"example": "collapsed",
"type": "string",
"type": "string",
"default": "expanded"
"default": "expanded",
"suggestedvalues": [
"expanded",
"collapsed"
]
},
},
"height": {
"height": {
"label": "height",
"label": "height",
"description": "determines the maximum height for any image within the gallery",
"description": "determines the maximum height for any image within the gallery",
"example": "100px",
"example": "100",
"type": "string",
"type": "number",
"default": "180px"
"default": "180"
},
},
"width": {
"width": {
"label": "width",
"label": "width",
"description": "Analogous to height parameter; sets maximum width for any image in the gallery",
"description": "Analogous to height parameter; sets maximum width for any image in the gallery",
"example": "120px",
"example": "120",
"type": "number",
"default": "180"
},
"mode": {
"label": "mode",
"description": "Sets the mode used by the inner gallery tag, see Help:Gallery tag for more options",
"type": "string",
"type": "string",
"default": "180px"
"default": "traditional",
"suggestedvalues": [
"traditional",
"nolines",
"packed",
"packed-overlay",
"packed-hover",
"slideshow"
]
},
"noborder": {
"label": "noborder",
"description": "Cancel the border surrounding the images",
"example": "yes",
"type": "string",
"default": "no"
},
"whitebg": {
"description": "Used to disable the white background in the inner gallery tag",
"example": "no",
"type": "boolean",
"default": "yes"
}
}
},
},
Line 239: Line 289:
* {{tl|Cleanup gallery}}, to mark unencyclopedic image galleries
* {{tl|Cleanup gallery}}, to mark unencyclopedic image galleries
* {{tl|Gallery layout}}, to apply Gallery-style layout to arbitrary blocks of content such as template output
* {{tl|Gallery layout}}, to apply Gallery-style layout to arbitrary blocks of content such as template output
* {{tl|Gallery items}}
* {{tl|Image array}}
* {{tl|Image array}}
* {{tl|Image frame}}
* {{tl|Image frame}}
* {{tl|Multiple image}}
* {{tl|Multiple image}}
* {{tl|Photomontage}}
* {{tl|Photomontage}}
* {{tl|Gallery Featurepic}}
* {{tl|Stack}}, where images etc. can be stacked down right hand side avoiding spacing and floating problems
* {{tl|Stack}}, where images etc. can be stacked down right hand side avoiding spacing and floating problems



Revision as of 04:12, 24 July 2024

This template provides advanced gallery building functionality (fine-tuned formatting control). For creating generic 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. 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 Wikipedia:Image use policy § Image galleries.

Blank syntax with all parameters

{{Gallery
| title        = 
| align        =
| footer       =
| style        =
| state        =
| height       =
| width        =
| perrow       =
| mode         = 
| whitebg      = 
| noborder     =
| captionstyle =
| File:
 | Write a caption here
 | alt1=
| File:
 | Write a caption here
 | alt2=
| File:
 | Write a caption here
 | alt3=
| File:
 | Write a caption here
 | alt4=
| File:
 | Write a caption here
 | alt5=
}}

Parameters

For each image

Specify a line of the following form for each image.

|File:Filename |Caption |altn=alternative text

Note that the file name and the caption do not need parameter names, but each alt text parameter must be preceded by |altn=.

Where:

|File:Filename – the image's file name. Either File: or Image: prefix may be used
|Caption – the caption under the image; see Wikipedia:Manual of Style/Captions
|altn=alt attribute: |alt1= for the first image, |alt2= for the second image, etc
alternative text – 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.

Optional parameters

These parameters apply to the entire 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 |state=expanded or |state=collapsed; collapsible galleries occupy the full page width
|mode= – Sets the mode used by the inner gallery tag. Common values include |mode=packed and |mode=nolines (see Help:Gallery tag for more options)

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

|noborder= – Cancel the border surrounding the images, use |noborder=yes to set.
|whitebg= – Cancel the white background after the images, use |whitebg=no to set.
|height= – Maximum height of each image. If this parameter is not included, |height= defaults to 180 pixels. Use a simple number here, e.g., 200, without a units designation, e.g., 200px.
|width= – Maximum width of each image, default is 180 pixels. Use a number here, e.g., 150, without units, e.g., 150px.
|perrow= – Number of images to display per row
|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.

Examples

{{Gallery
|title=Cultural depictions of George Washington
|width=160 | height=170
|align=center
|footer=Example 1
|File:Federal Hall NYC 27.JPG 
 |Statue of Washington outside [[Federal Hall National Memorial]] in [[New York City]], overlooking [[Wall Street]]
 |alt1=Statue facing a city building with Greek columns and huge U.S. flag
|File:Mount Rushmore2.jpg 
 |Construction of Washington portrait at [[Mount Rushmore]], c. 1932
 |alt2=Profile of stone face on mountainside, with 3 workers.
|File:2006 Quarter Proof.png 
 |Washington is commemorated on a [[Quarter (United States coin)|quarter]].
 |alt3=Shiny silver coin with profile of Washington bust. 
|File:George Washington Presidential $1 Coin obverse.png 
 |Washington on a [[dollar coin (United States)|dollar coin]]
 |alt4=Gold coin with bust of Washington facing slightly left
}}
{{Gallery
|title=Cultural depictions of George Washington
|width=120 |height=100
|align=center
|footer=Example 2a
|File:Federal Hall NYC 27.JPG
 |Statue of Washington outside [[Federal Hall National Memorial]] in [[New York City]], overlooking [[Wall Street]]
 |alt1=Statue facing a city building with Greek columns
|File:Mount Rushmore2.jpg
 |Work on Washington portrait at [[Mount Rushmore]], c. 1932
 |alt2=Profile of stone face on mountainside, with 3 workers.
|File:2006 Quarter Proof.png
 |Washington on a [[Quarter (United States coin)|quarter]]
 |alt3=Shiny silver coin with profile of Washington bust. 
|File:United_States_one_dollar_bill,_obverse.jpg
 |[[United States one-dollar bill|U.S. one-dollar bill]]
 |alt4=Front side of U.S. dollar bill, with Washington portrait in center.
|File:George Washington Presidential $1 Coin obverse.png
 |Washington on a [[dollar coin (United States)|dollar coin]]
 |alt5=Gold coin with bust of Washington facing left
}}

TemplateData

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.

Template parameters

ParameterDescriptionTypeStatus
titletitle

Title for the overall gallery

Example
Pictures of chickens
Stringsuggested
alignalign

Alignment of the gallery on the page; possible values include left, right, and center

Suggested values
left center right
Default
left
Example
center
Stringoptional
footerfooter

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
Stringoptional
CSS stylingstyle

Allows custom Cascading Style Sheets styling to be added to the gallery block.

Example
border: 1px solid black;
Stringoptional
captionstylecaptionstyle

This parameter allows an editor to utilize Cascading Style Sheet code for caption

Unknownoptional
statestate

This parameter allows the editor to determine whether or not the gallery will initially appear as either expanded or collapsed for readers

Suggested values
expanded collapsed
Default
expanded
Example
collapsed
Stringoptional
heightheight

determines the maximum height for any image within the gallery

Default
180
Example
100
Numberoptional
widthwidth

Analogous to height parameter; sets maximum width for any image in the gallery

Default
180
Example
120
Numberoptional
modemode

Sets the mode used by the inner gallery tag, see Help:Gallery tag for more options

Suggested values
traditional nolines packed packed-overlay packed-hover slideshow
Default
traditional
Stringoptional
nobordernoborder

Cancel the border surrounding the images

Default
no
Example
yes
Stringoptional
whitebgwhitebg

Used to disable the white background in the inner gallery tag

Default
yes
Example
no
Booleanoptional

Tracking categories

See also