Template:Wide image
More actions
 | Uses Lua: |
This template allows you to easily include a panorama image. If the image is too wide, scrollbars will be added. If you do not want the image to use a thumbnail frame, you can use |border=no.
Usage
{{Wide image|name|image width|caption|box width|alignment|alt=alt text}}
- An
image widthoption is required. This specifies the full width at which the image will be displayed, and is distinct from box width (the width of the box on the page). - A
captionoption is optional, and an image frame will be used if a caption is supplied. If the caption contains an equal sign, use the parameter|3=captionin the place of|caption. If the caption supplied is exactly equal to image syntax such asthumb, the image's tooltip will no longer display the caption, but instead default to the name of the image. - The
box widthoption is optional, and if given a value in pixels followed by "px", or a value in percent followed by "%", will set the width of the box to that amount. For example, 45% would use 45% of the text section width, (not a percentage of the image width). - The
alignmentoption is also optional but requires box width to be defined. If given a value ofrightorleft, the entire wide image will float to the right or left. If given a value ofnonethe image will not float. - The
alt textdescribes the image's visual appearance to visually disabled readers. Please see WP:ALT for details.
To change the scroll direction from left-to-right to right-to-left, use |dir=rtl.
To align the caption, use |align-cap=.
To remove the outer border, use |border=no.
Example
Without caption
{{wide image|Helsinki z00.jpg|1800px|
|alt=Panorama of city with mixture of five to ten story buildings}}
smaller
{{wide image|Helsinki z00.jpg|400px|
|alt=Panorama of city with mixture of five to ten story buildings}}With caption
{{wide image|Helsinki z00.jpg|1800px|[[Helsinki]] panorama
|alt=Panorama of city with mixture of five to ten story buildings}}
Right aligned
{{wide image|Helsinki z00.jpg|1800px|[[Helsinki]] panorama|45%|right
|alt=Panorama of city with mixture of five to ten story buildings}}
This text goes after the ''wide image'' template. [[Lorem ipsum]] dolor sit amet...Left aligned
{{wide image|Helsinki z00.jpg|1800px|[[Helsinki]] panorama|45%|left
|alt=Panorama of city with mixture of five to ten story buildings}}
This text goes after the ''wide image'' template. Lorem ipsum dolor sit amet...Center aligned 75% width
{{wide image|Helsinki z00.jpg|1800px|[[Helsinki]] panorama|75%|center
|alt=Panorama of city with mixture of five to ten story buildings}}
This text goes after the ''wide image'' template. Lorem ipsum dolor sit amet...No alignment
{{wide image|Helsinki z00.jpg|1800px|[[Helsinki]] panorama|45%|none
|alt=Panorama of city with mixture of five to ten story buildings}}
This text goes after the ''wide image'' template. Lorem ipsum dolor sit amet...Scroll right to left
{{wide image|Helsinki z00.jpg|1800px|[[Helsinki]] panorama
|alt=Panorama of city with mixture of five to ten story buildings
|dir=rtl}}Dark mode
Some images, like vectors and charts, may look better in dark mode with the skin-invert-image CSS class. This can be done by wrapping around a div, as shown in this example:
<div class="skin-invert-image">{{Wide image|Elements_abundance-bars.svg|1000px|Estimated abundances of the chemical elements in the Solar System (logarithmic scale)}}</div>
TemplateData
TemplateData for Wide image
Allows you to easily include a panorama image. If the image is too wide, scrollbars will be added.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Filename | 1 image | Name of the file to display. Example: Helsinki z00.jpg | File | required |
| Image width | 2 | Give the width in pixels (like: 1600px) that you want the included image to be | String | required |
| Caption | 3 caption | A caption for the image that will be shown below image | String | optional |
| Width of frame | 4 width | Limit the width of the frame enclosing the picture. Example: "400px" or "40%" | String | optional |
| Frame alignment | 5 align | Either of: left, right, center or none. When specified also requires you to set the "Width of frame" option
| String | optional |
| Picture alignment | dir | Use the value 'rtl' to make the right side of the image the initial visible portion inside the scroll frame
| String | optional |
| Alt text | alt | Describes the image's visual appearance to visually disabled readers. Please see WP:ALT for details | String | optional |
| Border | border | Set to "no" to remove the thumbnail frame
| String | optional |
Tracking category
See also
- {{Panorama}} – with an option to set the height
- {{Scalable image}}
- {{Tall image}}
- {{Scrollable}}