JSF <h:graphicImage>標籤


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 它用於渲染此元件。 您可以將其值設定為truefalse。 預設值為true
rendered 它是一個標誌,表示該影象將被用作伺服器端影象對映。 這樣的影象必須被包含在超連結(「a」)中。 值為false導致不呈現屬性,而true值會導致屬性被渲染為ismap =「ismap」
style 它用於設定CSS樣式程式碼,以提供該元件的更好的使用者介面。
usemap 該元素提供影象的用戶端影象對映(HTML 「map」元素)的名稱。