JSFでは、

<h:graphicImage/>

タグを使用してHTMLの “img”要素をレンダリングできます。たとえば、リソースフォルダ内の “sofa.png”という名前のイメージは、次の図を参照してください。


jsf2-graphicImage-example、title = "jsf2-graphicImage-example"、width = 285、height = 149

1. JSF 1.xグラフィックイメージ

JSF 1.xでは、image URLの上に直接 “value”属性でハードコードできます。

JSF …​

<h:graphicImage value="resources/images/sofa.png"/>

HTML出力…​

<img src="resources/images/sofa.png;" alt=""/>

2. JSF 2.xグラフィックイメージ

JSF 2.0では、上のイメージを “リソースライブラリ”という概念でレンダリングできます。

JSF …​

<h:graphicImage library="images" name="sofa.png"/>

HTML出力…​

<img src="/JavaServerFaces/faces/javax.faces.resource/sofa.png?ln=images" alt=""/>

ソースコードをダウンロードする

ダウンロード – リンク://wp-content/uploads/2010/10/JSF-2-GraphicImage-Example.zip[JSF-2-GraphicImage-Example.zip](14KB)