Template:Wide image/doc: Difference between revisions

From XMS Wiki
Jump to navigationJump to search
(fix link)
No edit summary
 
Line 14: Line 14:
The <code>''alignment''</code> option is also optional but requires ''box width'' to be defined. If given a value of <code>right</code> or <code>left</code>, the entire wide image will float to the right or left.  If given a value of <code>none</code> the image will not float.
The <code>''alignment''</code> option is also optional but requires ''box width'' to be defined. If given a value of <code>right</code> or <code>left</code>, the entire wide image will float to the right or left.  If given a value of <code>none</code> the image will not float.


The <code>''alt text''</code> describes the image's visual appearance to visually disabled readers. Please see [[WP:ALT]] for details.
The <code>''alt text''</code> describes 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 {{para|dir|rtl}}.
To change the scroll direction from left-to-right to right-to-left, use {{para|dir|rtl}}.

Latest revision as of 15:54, 23 April 2019

This is a documentation subpage for Template:Wide image (see that page for the template itself).
It contains usage information, categories and other content that is not part of the original template page.


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

A caption option 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=caption in the place of |caption. If the caption supplied is exactly equal to image syntax such as thumb, the image's tooltip will no longer display the caption, but instead default to the name of the image.

The box width option 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 alignment option is also optional but requires box width to be defined. If given a value of right or left, the entire wide image will float to the right or left. If given a value of none the image will not float.

The alt text describes 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}}
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}}
Panorama of city with mixture of five to ten story buildings

With caption

{{wide image|Helsinki z00.jpg|1800px|[https://en.wikipedia.org/wiki/Helsinki Helsinki] panorama
|alt=Panorama of city with mixture of five to ten story buildings}}
Panorama of city with mixture of five to ten story buildings
Helsinki panorama

Right aligned

{{wide image|Helsinki z00.jpg|1800px|[https://en.wikipedia.org/wiki/Helsinki 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...
Panorama of city with mixture of five to ten story buildings
Helsinki panorama

This text goes after the wide image template. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Left aligned

{{wide image|Helsinki z00.jpg|1800px|[https://en.wikipedia.org/wiki/Helsinki 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...
Panorama of city with mixture of five to ten story buildings
Helsinki panorama

This text goes after the wide image template. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Center aligned 75% width

{{wide image|Helsinki z00.jpg|1800px|[https://en.wikipedia.org/wiki/Helsinki 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...
Panorama of city with mixture of five to ten story buildings
Helsinki panorama

This text goes after the wide image template. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

No alignment

{{wide image|Helsinki z00.jpg|1800px|[https://en.wikipedia.org/wiki/Helsinki 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...
Panorama of city with mixture of five to ten story buildings
Helsinki panorama

This text goes after the wide image template. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Scroll right to left

{{wide image|Helsinki z00.jpg|1800px|[https://en.wikipedia.org/wiki/Helsinki Helsinki] panorama
|alt=Panorama of city with mixture of five to ten story buildings
|dir=rtl}}
Panorama of city with mixture of five to ten story buildings
Helsinki panorama

</includeonly>