Template:Overlaid images/doc

This template is intended to allow an overlay of a foreground ("front") image over a background ("back") image, with the ability to crop the result to a "frame" smaller than the background image. Both the foreground and background image should be scaleable.

This may be particularly useful for producing transparent overlays to label background images such as maps, etc.

Usage
The parameters are intended to be self-explanatory:
 * The "frame" is the (cropped) area visible in the final rendered image. Set its height and width.
 * "back" is the background image. Just use the filename without  etc. Its height is set to determine its scale. By default its top-left corner is aligned with the top-left corner of the frame. It can be shifted right and down (these are most useful as 'negative offsets, i.e. left and up) relative to the frame. It may have its own alt text set.
 * "front" is the foreground image. Just use the filename without  etc. It is most useful with a transparent background, e.g. svg or png. Its height is set to determine its scale. By default its top-left corner is aligned with the top-left corner of the frame. It can be shifted right and down relative to the frame to position it over part of the background image. It may have its own alt text set. If it is against the right edge of the background image, it can also have a border set like this: 1px solid black, or whatever styling is desired.
 * The entire grouping may have a caption which displays below the frame.

Full parameter list: 

Test by Maproom


Attribution due to, who came up with the idea.

Example of offset overlay and floating
