Template:Panorama/doc

TemplateData
{	"params": { "image": { "label": "Image", "description": "Title for the image file to display. Must start with \"File:\".", "example": "File:Ushuaia_panorama_from_seaside_big.jpg", "type": "string", "required": true },		"width": { "label": "Viewport width", "description": "Limit the width of the scrollable viewport in which the image is displayed. Input is used as CSS width, as such it must include a unit (e.g. \"px\" or \"%\").", "example": "400px", "type": "string", "default": "Automatic based on width of web browser window." },		"dir": { "label": "Viewport direction", "description": "Set to \"rtl\" to start the viewport at the right-hand side of the image, with \"right-to-left\" scrolling.", "example": "rtl", "type": "string", "default": "ltr - Left to right" },		"height": { "label": "Image height", "description": "How tall to display the image, in pixels. Must be set without any unit or suffix.", "example": "300", "type": "number", "required": true },		"alt": { "label": "Alternate text", "description": "Alternate text to use instead of the image, for visually impaired readers. See the WP:ALT page for guidance.", "type": "string" },		"caption": { "label": "Caption", "description": "Caption to render below the image.", "type": "content" },               "align": { "label": "Image alignment", "description": "If supplied, how to position the image on the page.", "example": "left", "type": "string" }	},	"description": "Insert a wide image with configurable height. For standard height, use template \"Wide image\" instead.", "paramOrder": [ "image", "height", "width", "alt", "caption", "dir", "align" ],	"format": "block" }

Examples
The main function of Panorama, as opposed to Wide image, is that the template allows you to specify a desired height of the panorama.

Simple example
This displays File:Ushuaia panorama from seaside big.jpg, which is 7370×1010 pixels, as 1678×230, in a horizontally scrolling box, using the caption and alt text provided.

Smaller
Same as the previous example, but with 80.

The caption can be centered by replacing Text with. In the example above, replacing caption with produces:

Right-to-left scrolling
Same as the example, but with rtl.