Template:Overlay Images: Difference between revisions

From My Wiki
Jump to navigation Jump to search
imported>Tlosk
mNo edit summary
imported>Tlosk
No edit summary
 
Line 1: Line 1:
<includeonly><div style="position:relative; top:0px; left:0px">
<includeonly><div style="position: absolute;">[[Image:{{{Base Image|}}}]]</div><div style="position: absolute;">[[Image:{{{Top Image|}}}]]</div></includeonly><noinclude>
<span style="z-index:0>[[Image:{{{Base Image|}}}]]</span>
<span style="position:absolute;left:0px;top:0px;z-index:1">[[Image:{{{Top Image|}}}]]</span>
</includeonly><noinclude>
{{Related|Wiki Templates}}
{{Related|Wiki Templates}}
== Syntax ==
== Syntax ==
Line 36: Line 33:
| Top Image = Test 2.png
| Top Image = Test 2.png
}}
}}


</noinclude>
</noinclude>

Latest revision as of 21:06, 18 January 2009

Related topics: Wiki Templates

Syntax

{{Overlay Images
| Base Image = <Image Name.jpg>
| Top Image = <Image Name.png>
}}

Usage

Overlays one image directly over another, use a gif or png image with transparency for the second image. This is useful for a variety of applications including overlaying just the needed information (small file size) over a more detailed base image (large file size).

For example:

Test 1.png
Test 2.png
{{Overlay Images
| Base Image = Test 1.png
| Top Image = Test 2.png
}}

displays as: