イメージ

グラフィック (通常は GIF または JPEG ファイル) を表示します。 ローカルまたはリモートのイメージ・ファイルを、使用することができます。 また、データベースや Bean などのデータ・ストレージにバインドされることもあります。

設計時のコンポーネント

「イメージ」コンポーネントを、 ページ上にドラッグ・アンド・ドロップします。

「イメージ」コンポーネントのボタン

「イメ ージ」コンポーネントは、 ページ上でこのように表示されます。

設計時の「イメージ」

実行時のコンポーネント

実行時の「イメ ージ」コンポーネントは、 このように表示されます。

実行時の「イメージ」

「プロパティー」ビューと「すべての属性」ビュー

コンポーネントの「プロパティー」ビューには、 コンポーネントに設定できる最も一般的な属性のセットが表示されます。 コンポーネントによっては、制御、アクション、 または他のコンポーネントの追加に関するオプションが 表示される場合もあります。 「プロパティー」ビューを開くには、 「ウィンドウ」 > 「ビューの表示」 > 「プロパティー」とクリックします。

「イメージ」コンポーネントの共通属性は、 「プロパティー」ビューの「hx:graphicImageEx」タブ および「アクセシビリティー」タブに表示されます。 属性の完全なリストについては、「イメージ」のすべての属性 の 表を参照してください。

「すべての属性」ビューには、コンポーネントで設定できるすべての属性の表が表示されます。 この表には、「プロパティー」ビューからアクセスできる属性も含まれます。 「すべての属性」ビューに切り替えるには、 「プロパティー」ビューの右上隅にある「すべての属性」アイ コン「すべての属性」
アイコンをクリックします。

表 1. 「イメージ」のすべての属性

属性名

「プロパティー」ビューでの表示

説明

accesskey

非表示

アクセス・キーとして、単一のキーボード・キーを指定します。 実行時に指定されたアクセス・キーを押すと、 このコンポーネントがフォーカスされます。実行時に Alt (前面) キーと 指定されたアクセス・キーを押すと、 このコンポーネントがフォーカスされます (コンポーネントが ボタンの一種である場合は、そのコンポーネントが実行されます)。

align

位置合わせ

コンポーネントの位置合わせを指定します。
  • センター
  • 相対

alt

「アクセシビリティ」>「代替テキスト」

コンポーネントの代替テキストを指定します。 この代替テキストが表示されるのは、 要素が正常にレンダリングされない場合です。 例えば、ブラウザーがフォームをサポートしていない場合や、 ブラウザーがイメージを表示しないように 設定されている場合などです。

binding

非表示

コンポーネントの インスタンス (通常はユーザー・インターフェース・ コンポーネント) を、Bean プロパティー (通常は バッキング・ファイル内にあります) にバインドする式です。

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 スタイル・クラスのリスト (スペース区切り)。 この値は、生成されたマークアップの クラス属性として渡されなければなりません。 選択されたコンポーネントのクラス (例えば、スタイルシート) を定義します。 これは手動で行うか、またはボタンをクリックして、 ウィンドウ内から必要なクラスを選択してください。

style

スタイル: プロパティー

コンポーネントに対して CSS スタイル情報を指定します (例えば、style="font-size : 8pt ; color : red")。 選択されたコンポーネントのプロパティー (例えば、フォントおよび色) を定義します。 これは手動で行うか、またはボタンをクリックして、 ウィンドウ内から必要なプロパティーを選択してください。

tabindex

非表示

JSP 内のタブ順序でコンポーネントの位置を指定します。 この値は、0 から 32767 までの数値でなければなりません。

title

「アクセシビリティ」>「タイトル」

実行時にツールチップとしてブラウザーに表示される、タイトル・テキストを指定します。 コンポーネントの代替テキストが指定されていない場合、 ブラウザーはこのテキストを代替テキストとして使用します。

url

非表示

コンポーネントが使用する URL を指定します。

value

ファイル

コンポーネントが使用するファイルを指定します。 この値はストリング (ファイル・コンテンツ は Base64 エンコードになります)、byte[]、 またはオブジェクトにすることができます。

vspace

マージン: 垂直

コンポーネントの上下に挿入する空白を、ピクセル単位で指定します。

width

サイズ: 幅

コンポーネントの幅を、ピクセル単位またはパーセント単位で指定します。 パーセントを指定するには、値に % を付加します。

関連タスク
イメージの表示
関連資料
水平罫線
ラベル
<verbatim> タグ

フィードバック