Template:Superimpose2: Difference between revisions
Jump to navigation
Jump to search
Kam Sheung Road
Quarry Bay
Gallambria (talk | contribs) No edit summary |
Gallambria (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly><div class="{{#switch:{{{align|}}}|left=floatleft|right=floatright|center|#default=floatnone}} noresize" style="position: relative; width: {{#if:{{{border|}}}|{{#expr:{{str sub|{{{base_width|{{{width|0}}}}}}|0|{{#expr:{{str find|{{{base_width|{{{width|0}}}}}}|px}} -1}}}}+2}}px|{{{base_width|{{{width|0px}}}}}}}}; {{#ifeq:{{{align|}}}|center|margin-left:auto; margin-right:auto;}} {{{base_style|}}}"> | ||
{{#if:{{{collapse|}}}|<div class="nomobile mw-customtoggle-superimpose" style="position: absolute; right: 0; {{#if:{{{collapse_color|}}}|style=color:{{{collapse_color}}}}}">[toggle view]</div> | {{#if:{{{collapse|}}}|<div class="nomobile mw-customtoggle-superimpose" style="position: absolute; right: 0; {{#if:{{{collapse_color|}}}|style=color:{{{collapse_color}}}}}">[toggle view]</div> | ||
<div class="mw-collapsible" id="mw-customcollapsible-superimpose" style="max-height: 0;">}} | <div class="mw-collapsible" id="mw-customcollapsible-superimpose" style="max-height: 0;">}} | ||
{{Superimpose2/base | {{Superimpose2/base | ||
|l=1|br=|x={{{x|}}}|y={{{y}}}|image={{{float|}}}|width={{{float_width}}}|alt={{{float_alt|}}}|link={{{link|}}}|caption={{{float_caption|}}}|t={{{t|}}} | |l=1|br={{{br|<br />}}}|x={{{x|}}}|y={{{y}}}|image={{{float|}}}|width={{{float_width}}}|alt={{{float_alt|}}}|link={{{link|}}}|caption={{{float_caption|}}}|t={{{t|}}} | ||
}}{{Superimpose2/base | }}{{Superimpose2/base | ||
|l=2|br=|x={{{x2|}}}|y={{{y2}}}|image={{{float2|}}}|width={{{float2_width}}}|alt={{{float2_alt|}}}|link={{{link2|}}}|caption={{{float2_caption|}}}|t={{{t2|}}} | |l=2|br={{{br|<br />}}}|x={{{x2|}}}|y={{{y2}}}|image={{{float2|}}}|width={{{float2_width}}}|alt={{{float2_alt|}}}|link={{{link2|}}}|caption={{{float2_caption|}}}|t={{{t2|}}} | ||
}}{{Superimpose2/base | }}{{Superimpose2/base | ||
|l=3|br={{{br|<br />}}}|x={{{x3|}}}|y={{{y3}}}|image={{{float3|}}}|width={{{float3_width}}}|alt={{{float3_alt|}}}|link={{{link3|}}}|caption={{{float3_caption|}}}|t={{{t3|}}} | |l=3|br={{{br|<br />}}}|x={{{x3|}}}|y={{{y3}}}|image={{{float3|}}}|width={{{float3_width}}}|alt={{{float3_alt|}}}|link={{{link3|}}}|caption={{{float3_caption|}}}|t={{{t3|}}} | ||
Latest revision as of 11:40, 26 March 2019
Template documentationThis is a template expanded from {{Superimpose}}. This version supports up to 50-layer image superimposition.
Usage
{{Superimpose2
| align =
| border =
| collapse =
| base =
| base_style =
| base_width = px
| base_alt =
| base_caption =
| base_link =
| float =
| float_width = px
| float_alt =
| float_caption =
| link =
| x =
| y =
| t =
| float2 =
| float2_width = px
| float2_alt =
| float2_caption =
| link2 =
| x2 =
| y2 =
| t2 =
| float3 =
| float3_width = px
| float3_alt =
| float3_caption =
| link3 =
| x3 =
| y3 =
| t3 =
}}
Example
The Wikisyntax below will create the image at right:
[toggle view]
Kam Sheung Road
Quarry Bay
{{Superimpose2
| border = 1
| collapse = 1
| base = Hong Kong Railway Route Map blank.svg
| base_width = 250px
| base_style = float: right
| base_alt = A geographical accurate map of Hong Kong areas with only its rapid transit system lines detailed on it.
| base_caption = Hong Kong MTR system map
| base_link = MTR
| float = Red Dot.svg
| float_width = 10px
| float_alt = a red station icon
| float_caption = Kam Sheung Road
| link = Kam Sheung Road Station
| t = Kam Sheung Road
| x = 107
| y = 80
| float2 = Green Dot.svg
| float2_width = 10px
| float2_alt = a green station icon
| float2_caption = Quarry Bay
| link2 = Quarry Bay Station
| x2 = 200
| y2 = 180
| t2 = Quarry Bay
}}
Parameter definitions
- align: Alignment of the base image in the content
- border: Grey border line around the image rim to distinguish from the pale background if necessary. Any input will activate the border. Empty entry for no border by default.
- collapse: enabling the [show/hide] button to toggle the display of overlap layer.
- base: File name of the base (bottom) image
- base_style: Additional CSS code
- base_width: Width to display the base image, in pixels
- base_alt: alt attribute for the base image, text for visually impaired readers; see WP:ALT for properly written alt text
- base_caption: Title attribute for the base image, served as the pop-up tooltip message when mouse lays over it.
- The pop-up message will display the alt text instead of title text in IE7 and older versions. This interpretation is now considered incorrect.
- base_link: Linking for the base image
- float: File name of the 1st layer image
- float_width: Width to display the 1st layer image, in pixels
- float_alt: alt attribute for the 1st layer image
- float_caption: Title attribute for the 1st layer image, served as the pop-up tooltip message when mouse lays over it.
- x: Distance to offset the 1st layer image from the left edge of the base image, in pixels
- y: Distance to offset the 1st layer image from the top edge of the base image, in pixels
- t: Text for the 1st layer
- If the text exceeding the border of the base dimension is undesirable, use another layer specifically for the text only.
- link: Linking for the 1st layer image
- When applying the 2nd-50th layer, add the number after all of the words float, x, y, t and link of floating image-related parameters to indicate their layer order as shown in the example. The image of the greater number will always appears over the smaller number layer.
Transwiki note
- Superimpose2 has the downward compactibility with the original {{Superimpose}}, if the later does not exist in your working Wiki, you can ignore the original and transwiki this version only. Preferably making a WP:redirect.
- Remember to copy {{Superimpose2/base}} as well during transwiki.
See also
- {{Annotated image}}, allows text notes to overlap image, allows cropping
- {{Superimpose}}, supports simpler layer superimposition.
- {{Location map}}, places a single image over another at a map coordinate location
- {{Lageplan}}, related template to Location map with specific features
- {{Overlay}}, allows multiple annotations to be place over an image with a legend