jmage - Overlay Tag

Overlay Tag

Overlays the image with another image, providing a set of blending options. You can choose to rotate, fade, and align the overlay image in different ways to fit it in.

Parameter	Description	Required	Allowed Values	Default
overlayImageUri	The URI identifying the overlay image.	Yes	[URI]	n/a
opacity	The opacity of the overlay image, where 0 is translucent and 100 is opaque.	No	[0-100]	100
orientation	The overlay orientation in degrees, based on the original orientation assumed bein 0 for 'north'.	No	[0-360]	0
position	Quick 'dial pad' positioning, where 1 is top-left and 9 is bottom-right	No	[1-9]	9
borderOffset	Pixel distance from the nearest border.	No	[1-n]	0
id	HTML id attribute.	No	[CData]	n/a
image	Image source URI.	Yes	[URI]	n/a
encode	Encoding format for the resulting image.	No	[png , gif , jpg , tif , bmp]	Source image format
width	Image width.	No	[CData]	n/a
height	Image height.	No	[CData]	n/a
title	Image title shown on tooltips.	No	[CData]	n/a
border	Image border width.	No	[CData]	n/a
cssClass	css class applied to the image tag.	No	[CData]	n/a
cssStyle	css style directly applied to the image tag.	No	[CData]	n/a
onclick	Javascript handling for this event.	No	[Javascript]	n/a
ondblclick	Javascript handling for this event.	No	[Javascript]	n/a
onmousedown	Javascript handling for this event.	No	[Javascript]	n/a
onmouseup	Javascript handling for this event.	No	[Javascript]	n/a
onmouseover	Javascript handling for this event.	No	[Javascript]	n/a
onmousemove	Javascript handling for this event.	No	[Javascript]	n/a
onmouseout	Javascript handling for this event.	No	[Javascript]	n/a
onkeydown	Javascript handling for this event.	No	[Javascript]	n/a
onkeyup	Javascript handling for this event.	No	[Javascript]	n/a

Overview

Setup

Tag Library

Tutorial

Project Documentation

Overlay Tag