Template:Overlay Images: Difference between revisions

Latest revision as of 21:06, 18 January 2009

Syntax Edit

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

Usage Edit

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:

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

displays as:

@@ 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}}
 == Syntax ==
@@ Line 14: / Line 11: @@
 == Usage ==
-Overlays one image directly over another, use a gif of 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).
+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:
@@ Line 36: / Line 33: @@
 | Top Image = Test 2.png
 }}
 </noinclude>