이미지

그래픽(대개 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가 2진 데이터에 바인드될 경우 매체 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를 사용하여 데이터 액세스 웹 응용프로그램 작성
관련 태스크
Faces 응용프로그램 작성 - 개요
관련 참조
Faces 컴포넌트 참조
Faces 컴포넌트의 속성
피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.