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」元素)的名稱。 |