JSF呈現一個HTML元素“img”標籤。 該標籤用於在網頁上呈現圖像。
JSF <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應用程式的相對上下文路徑添加到圖像路徑的開頭。
JSF <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”元素)的名稱。 |
上一篇:
JSF <h:inputFile>標籤
下一篇:
JSF <h:message>標籤
