JSF呈现一个HTML元素“img”标签。 该标签用于在网页上呈现图像。
<h:graphicImage>
标签实例<h:graphicImage id="image-id" name="user-image" url="#{user.fileLocation()}" height="50px" width="50px" alt="Image not found"></h:graphicImage>
它在网页上显示图像。在上面的例子中,url属性指定图像的路径。 示例代码的URL以斜杠(/
)开头,它将Web应用程序的相对上下文路径添加到图像路径的开头。
<h:graphicImage>
标签的属性标签 | 描述 |
---|---|
id | 它是此组件的标识符,此ID必须是唯一的。可以使用它来访问CSS和JS文件中的HTML元素。 |
value | 它保存此组件的当前值。 |
name | 它用于为此资源设置资源名称。 |
url | 它是一个上下文相关URL来检索与此组件关联的资源。 这是“value ”属性的别名。 |
height | 它用于设置图像的高度。 |
width | 用于设置此图像的宽度。 |
alt | 它用于设置图像的备用名称。 |
class | 它代表这个组件的CSS类。 |
dir | 这是一种不继承方向性的文本的方向指示。 有效值为“LTR”(从左到右)和“RTL”(从右到左)。 |
onclick | 它是在图像上点击之后调用JavaScript代码的方法。 |
rendered | 它用于渲染此组件。 您可以将其值设置为true 或false 。 默认值为true 。 |
rendered | 它是一个标志,表示该图像将被用作服务器端图像映射。 这样的图像必须被包含在超链接(“a”)中。 值为false 导致不呈现属性,而true 值会导致属性被渲染为ismap =“ismap” 。 |
style | 它用于设置CSS样式代码,以提供该组件的更好的用户界面。 |
usemap | 该元素提供图像的客户端图像映射(HTML “map”元素)的名称。 |