影像

顯示圖型(通常是 GIF 或 JPEG 檔)。它可以使用本端或遠端的影像檔。 它也可以連結到資料儲存體,例如資料庫或 Bean,並且從該處下載圖形。

設計時的元件

影像元件拖放到頁面上:
「影像」元件按鈕

頁面中的影像元件看起來與下面類似:
設計時期的「影像」

執行時期的元件

在執行時期,頁面中的影像元件看起來與下面類似:
執行時期的「影像」

「內容及所有屬性」視圖

元件的「內容」視圖會顯示您可以用來設定元件的最常用屬性集,而且針對不同的元件,您也會看到新增控制項、動作或其他元件的選項。若要開啟「內容」視圖,請按一下「視窗 > 顯示視圖 > 內容」;然而依預設會開啟該視圖。

「影像」元件的這些共同屬性顯示在「內容」視圖的 hx:graphicImageEx協助工具標籤中。如需完整的屬性清單,請參閱所有影像屬性表格。

「所有屬性」視圖會顯示您可以在元件上設定之所有屬性的表格,包括您可以從「內容」視圖來存取的那些屬性。若要切換至「所有屬性」視圖,請按一下「內容」視圖右上角的「所有屬性」圖示 「所有屬性」圖示

表 1. 所有影像屬性

屬性名稱

顯示在「內容」視圖中的排列依據

說明

accesskey

沒有顯示

指定單一鍵盤按鍵作為存取鍵。在執行時期按下指定的存取鍵時, 就會將焦點移至這個元件。

align

對齊方式

指定元件的對齊方式:
  • 向左鍵
  • 置中
  • 向右鍵

alt

協助工具>替代文字

指定元件的替代文字。當元素無法正常呈現時,就會顯示;例如:不支援表單的瀏覽器,以及設定為不顯示影像的瀏覽器。

binding

沒有顯示

代表這個元件的 UIComponent,通常是在支持的檔案中。

border

邊框

指定影像的邊框大小(像素)。

dir

沒有顯示

指定執行時期的元件呈現方向。值可以是:
  • ltr - 由左至右
  • rtl - 由右至左

height

大小:高度

指定元件的高度(像素或百分比)。如果要指定百分比,請在值中附加 %。

hspace

邊距:水平

指定要在元件左右兩側插入的空間(像素)量。

id

ID

指派元件的名稱。應該是 JSP 內的唯一名稱。

ismap

沒有顯示

如果設為 true,影像元件會設定成使用伺服器端影像鏈結圖。 請注意,圖形元件必須包含在超鏈結元件內。

lang

沒有顯示

指定元件屬性值和文字內容的基本語言。採用 ISO 標準語言縮寫碼(如 "en" 代表英文、"en-US" 代表美國英文、"fr" 代表法文、"de" 代表德文)。

longdesc

沒有顯示

指定影像詳細說明的鏈結。這個說明應該補充 alt 屬性所提供的簡短說明。

mimeType

類型

當 src 是連結至二進位資料時,用來宣告媒體 MIME 類型。

rendered

沒有顯示

可以設成 true 或 false:
  • false - 執行時期不會將元件呈現在瀏覽器中。
  • true - 將會呈現元件。

styleClass

樣式:類別

當呈現這個元素時,所要套用的 CSS 樣式類別清單,各個類別之間是用空格加以區隔。 這個值必須作為產生的標記之 "class" 屬性來傳遞。定義已選取的元件的類別(例如樣式表)。 這可以用手動方式來完成,或者按一下按鈕,然後從視窗內選取想要的「類別」。

style

樣式:內容

指定元件的 CSS 樣式資訊(如 style="font-size : 8pt ; color : red")。定義已選取的元件的內容(例如字型和顏色)。 這可以用手動方式來完成,或者按一下按鈕,然後從視窗內選取想要的內容。

tabindex

沒有顯示

指定元件在 JSP 內的定位次序位置。這個值必須是 0 和 32767 之間的數字。

title

協助工具>標題

指定執行時期在瀏覽器中顯示成工具要訣的標題文字。

url

沒有顯示

指定元件應使用的 URL。

value

檔案

指定元件要使用的檔案。

vspace

邊距:垂直

指定要在元件上下兩端插入的空間量(像素)。

width

大小:寬度

指定元件的寬度(像素或百分比)。如果要指定使用百分比,請在值中附加 %。

相關概念
建立使用 JavaServer Faces 的資料存取 Web 應用程式
相關工作
建立 Faces 應用程式 - 概觀
相關參考
Faces 元件參照
Faces 元件的屬性
讀者意見
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.