h:graphicImage in JSF

The h:graphicImage tag renders an HTML image tag.

also read:

• Introduction to JSF
• JSF Interview Questions
• Request Processing Lifecycle phases in JSF

 
<h:graphicImage id="jsfimage" value="/images/jsfimage.gif" width="200" height="50" />

h:graphicImage Tag Attributes

alt

The alt attribute is a standard HTML attribute that sets the alternate textual description rendered by this component.

binding

The value-binding expression linking this component tag to a backing bean property.

dir

The dir attribute is a standard HTML attribute that overrides the default text directionality for this component. The values accepted for this component are “LTR” (left-to-right) and “RTL” (right-to-left).

height

The height attribute sets the height of the image.

id

The unique identifier value for this component. The value must be unique within the closest naming container.

ismap

The ismap attribute is a boolean flag that indicates that this image is to be used as a server side image map. If so, the image must be contained within a hyperlink (“a”) element.

lang

The lang attribute is a standard HTML attribute that sets the code describing the language to be used in the markup generated by this component.

longdesc

The longdesc attribute provides a long description of the image rendered by this tag.

onclick

The onclick attribute sets the JavaScript code to execute when the mouse pointer is clicked over this element.

ondblclick

The ondblclick attribute sets the JavaScript code to execute when the mouse pointer is double-clicked over this element.

onkeydown

The onkeydown attribute sets the JavaScript code to execute when a key is pressed down over this element.

onkeypress

The onkeypress attribute sets the JavaScript code to execute when a key is pressed and released over this element.

onkeyup

The onkeyup attribute sets the JavaScript code to execute when a key is released over this element.

onmousedown

The onmousedown attribute sets the JavaScript code to execute when the mouse pointer is pressed down over this element.

onmousemove

The onmousemove attribute sets the JavaScript code to execute when the mouse pointer is moved within this element.

onmouseout

The onmouseout attribute sets the JavaScript code to execute when the mouse pointer is moved away from this element.

onmouseover

The onmouseover attribute sets the JavaScript code to execute when the mouse pointer is moved onto this element.

onmouseup

The onmouseup attribute sets the JavaScript code to execute when the mouse button is released over this element.

rendered

A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered.

style

The style attribute sets the CSS style definition to be applied to this component when it is rendered.

styleClass

The styleClass attribute sets the CSS class to apply to this component when it is rendered.

title

The title attribute is a standard HTML attribute that sets the tooltip text to display for the rendered component.

url

The url attribute is an alias for the value attribute. It accepts a context-relative URL to the image to be displayed.

usemap

The usemap attribute sets the name of a client-side image map (the HTML “map” element) for which this tag provides the image.

value

The value attribute set the context-relative URL to the image to be displayed.

width

The width attribute sets the width of the image.