Template:Superimpose
This template is a utility which superimposes one image over another, and positions it relative to the top left corner of the bottom image. Although the origina
This template is a utility which superimposes one image over another, and positions it relative to the top left corner of the bottom image. Although the original idea was to place a dot on a locator map based on editable coordinates, it can be used to precisely overlay any two images for any reason.
Usage
Example
The wikicode below will create the image at right:
{{Superimpose| base = US_Locator_Blank.svg
| base_width = 288px
| base_caption = United States Locator Map
| float = Red Dot.svg
| float_width = 10px
| float_caption = Boulder, Colorado
| x = 83
| y = 53
}}
Using the Template
To get started, you can simply copy this blank definition into your page, and fill in the data.
{{Superimpose| base =
| base_width =
| base_caption =
| float =
| float_width =
| float_caption =
| x =
| y =
}}
Parameter Definitions
- base: File name of the base (bottom) image
- base_width: Width to display the base image, in pixels
- base_caption: Text to show when a user's mouse hovers over the base image
- float: File name of the top image
- float_width: Width to display the top image, in pixels
- float_caption: Text to show when a user's mouse hovers over the top image
- x: distance to offset the top image from the left edge of the base image, in pixels or any other CSS-standard units
- y: distance to offset the top image from the top edge of the base image, in pixels or any other CSS-standard units
A Note about the Locator Dot
I originally built this template thinking I could use an SVG file with transparency (mostly for the dot in locator maps). However, it seems Internet Explorer users can't handle transparent PNGs without a fix that Wikimedia's not yet delivering, so for now I recommend using the GIF version in the example above. When IE better supports PNGs, we can swap the better format back in. —Papayoung ☯ 02:06, 26 October 2005 (UTC)
Content Disclaimer
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.
- The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
- There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
- It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
- Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
- Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.