鍍金池/ 教程/ HTML/ JSF <h:graphicImage>標(biāo)簽
JSF數(shù)據(jù)表(h:dataTable)添加刪除
JSF <h:commandLink>標(biāo)簽
JSF應(yīng)用程序入門(mén)示例
JSF數(shù)據(jù)表(ui:repeat)創(chuàng)建表
JSF列表框
JSF數(shù)據(jù)表(h:dataTable)DataModel排序數(shù)據(jù)
JSF復(fù)合組件
JSF <h:inputText>標(biāo)簽
JSF表單組合框
JSF <h:messages>標(biāo)簽
JSF <h:message>標(biāo)簽
JSF轉(zhuǎn)換日期時(shí)間
JSF JDBC連接
JSF <h:inputHidden>標(biāo)簽
JSF多選列表框
JSF <h:inputSecret>標(biāo)簽
JSF自定義轉(zhuǎn)換器
JSF <f:ajax>標(biāo)簽
JSF生命周期
JSF可重定位資源
JSFJSF用戶(hù)界面組件模型
JSF <h:attribute>標(biāo)簽
JSF驗(yàn)證器標(biāo)簽
JSF驗(yàn)證字符串長(zhǎng)度
JSF轉(zhuǎn)換器標(biāo)簽
JSF托管bean（Managed Bean）
JSF值變化的事件
JSF UI組件示例
JSF MySQL CURD實(shí)例
JSF數(shù)據(jù)表(h:dataTable)排序數(shù)據(jù)
JSF <h:graphicImage>標(biāo)簽
JSF <f:convertNumber>標(biāo)簽
JSF教程
JSF托管Bean
JSF輸出腳本
JSF <h:outputText>標(biāo)簽
JSF操作事件
JSF驗(yàn)證正則表達(dá)式
JSF數(shù)據(jù)表(h:dataTable)行號(hào)
JSF <h:setPropertyActionListener>標(biāo)簽
JSF注入托管bean實(shí)例
JSF <h:commandButton>標(biāo)簽
JSF Web資源
JSF <h:inputFile>標(biāo)簽
JSF驗(yàn)證浮點(diǎn)數(shù)值范圍
JSF Facelets視圖
JSF是什么？
JSF Facelets模板
JSF的特性（特點(diǎn)）
JSF自定義驗(yàn)證器類(lèi)
JSF單選按鈕
JSF輸出樣式
JSF數(shù)據(jù)表(h:dataTable)更新數(shù)據(jù)
JSF HTML5友好標(biāo)記
JSF表單復(fù)選框(CheckBox)示例
JSF <h:form>標(biāo)簽
JSF Facelets技術(shù)介紹
JSF輸出格式化
JSF <h:inputtextarea>標(biāo)簽
JSF驗(yàn)證整數(shù)范圍
JSF <h:panelGrid>標(biāo)簽

JSF <h:graphicImage>標(biāo)簽

JSF呈現(xiàn)一個(gè)HTML元素“img”標(biāo)簽。 該標(biāo)簽用于在網(wǎng)頁(yè)上呈現(xiàn)圖像。

JSF <h:graphicImage>標(biāo)簽實(shí)例

<h:graphicImage id="image-id" name="user-image" url="#{user.fileLocation()}"   
height="50px" width="50px" alt="Image not found"></h:graphicImage>

它在網(wǎng)頁(yè)上顯示圖像。在上面的例子中，url屬性指定圖像的路徑。 示例代碼的URL以斜杠(/)開(kāi)頭，它將Web應(yīng)用程序的相對(duì)上下文路徑添加到圖像路徑的開(kāi)頭。

JSF <h:graphicImage>標(biāo)簽的屬性

標(biāo)簽 描述
id 它是此組件的標(biāo)識(shí)符，此ID必須是唯一的?？梢允褂盟鼇?lái)訪(fǎng)問(wèn)CSS和JS文件中的HTML元素。
value 它保存此組件的當(dāng)前值。
name 它用于為此資源設(shè)置資源名稱(chēng)。
url 它是一個(gè)上下文相關(guān)URL來(lái)檢索與此組件關(guān)聯(lián)的資源。 這是“value”屬性的別名。
height 它用于設(shè)置圖像的高度。
width 用于設(shè)置此圖像的寬度。
alt 它用于設(shè)置圖像的備用名稱(chēng)。
class 它代表這個(gè)組件的CSS類(lèi)。
dir 這是一種不繼承方向性的文本的方向指示。 有效值為“LTR”(從左到右)和“RTL”(從右到左)。
onclick 它是在圖像上點(diǎn)擊之后調(diào)用JavaScript代碼的方法。
rendered 它用于渲染此組件。 您可以將其值設(shè)置為true或false。 默認(rèn)值為true。
rendered 它是一個(gè)標(biāo)志，表示該圖像將被用作服務(wù)器端圖像映射。 這樣的圖像必須被包含在超鏈接(“a”)中。 值為false導(dǎo)致不呈現(xiàn)屬性，而true值會(huì)導(dǎo)致屬性被渲染為ismap =“ismap”。
style 它用于設(shè)置CSS樣式代碼，以提供該組件的更好的用戶(hù)界面。
usemap 該元素提供圖像的客戶(hù)端圖像映射(HTML “map”元素)的名稱(chēng)。