JSF - h: graphicImage

La etiqueta h: graphicImage representa un elemento HTML del tipo "img".

Etiqueta JSF

<h:graphicImage  
   value = "http://www.tutorialspoint.com/images/jsf-mini-logo.png"/>

Salida renderizada

<img src = "http://www.tutorialspoint.com/images/jsf-mini-logo.png" />

Atributos de etiqueta

S. No	Atributo y descripción
1	id Identificador de un componente
2	binding Referencia al componente que se puede utilizar en un bean de respaldo
3	rendered Un booleano; falso suprime la representación
4	styleClass Nombre de clase de hoja de estilo en cascada (CSS)
5	value El valor de un componente, normalmente un valor vinculante
6	alt Texto alternativo para elementos no textuales como imágenes o subprogramas
7	dir Dirección del texto. Los valores válidos sonltr (de izquierda a derecha) y rtl (De derecha a izquierda)
8	lang Idioma base de los atributos y el texto de un elemento
9	style Información de estilo en línea
10	tabindex Valor numérico que especifica un índice de tabulación
11	target El nombre de un marco en el que se abre un documento
12	title Un título, usado para accesibilidad, que describe un elemento. Los navegadores visuales suelen crear información sobre herramientas para el valor del título
13	usemap Usemap de un elemento
14	url URL de la imagen
15	width Ancho de un elemento
dieciséis	onblur El elemento pierde el foco
17	onchange Cambios en el valor del elemento
18	onclick Se hace clic en el botón del mouse sobre el elemento
19	ondblclick El botón del mouse se hace doble clic sobre el elemento
20	onfocus El elemento recibe atención
21	onkeydown Se presiona la tecla
22	onkeypress Se presiona la tecla y luego se suelta
23	onkeyup Se suelta la llave
24	onmousedown Se presiona el botón del mouse sobre el elemento
25	onmousemove El mouse se mueve sobre el elemento
26	onmouseout El mouse sale del área del elemento
27	onmouseover El mouse se mueve sobre un elemento
28	onmouseup Se suelta el botón del mouse

Aplicación de ejemplo

Creemos una aplicación JSF de prueba para probar la etiqueta anterior.

Paso	Descripción
1	Cree un proyecto con un nombre helloworld en un paquete com.tutorialspoint.test como se explica en el capítulo JSF - Primera aplicación .
2	Modifique home.xhtml como se explica a continuación. Mantenga el resto de los archivos sin cambios.
3	Compile y ejecute la aplicación para asegurarse de que la lógica empresarial funcione según los requisitos.
4	Finalmente, compile la aplicación en forma de archivo war e impleméntela en Apache Tomcat Webserver.
5	Inicie su aplicación web utilizando la URL adecuada como se explica a continuación en el último paso.

home.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <title>JSF Tutorial!</title>
   </head>
   
   <body>
      <h2>h:graphicImage example</h2>
      <hr />
      
      <h:form>      
         <h3>Image</h3>
         <h:graphicImage value = "/images/jsf-mini-logo.png"/>
      </h:form>
   </body>
</html>

Una vez que esté listo con todos los cambios realizados, compilemos y ejecutemos la aplicación como lo hicimos en JSF - Capítulo Primera aplicación. Si todo está bien con su aplicación, esto producirá el siguiente resultado.

↰ Previous page