Você pode arrastar o componente Imagem padrão do JavaServer Faces da Paleta para o Visual Designer a fim de adicionar uma imagem, tal como um arquivo JPEG ou GIF, a uma página JSF Visual Web. Quando solta a imagem em sua página no Visual Designer, você vê uma caixa de diálogo que pode usar para localizar o arquivo de imagem em seu sistema de arquivos ou para indicar uma
URL (se você clicar na aba URL na parte superior). Se você navegar para um arquivo de imagem e clicar em OK, o arquivo de imagem é copiado para o projeto, e você pode vê-lo na janela Projetos em nome-do-projeto > Páginas da Web > recursos.
Este componente é uma implementação de referência JavaServer Faces que não usa temas. O componente Imagem na categoria Básico da Paleta não suporta temas e fornece outros recursos que melhoram o uso.
Depois de arrastar o componente para o Visual Designer, você pode:
Arraste o componente para outro local na página.
Selecionar o componente e editar suas propriedades na janela Propriedades da Imagem. Se necessário, clique com o botão direito do mouse no componente e escolha Propriedades para exibir a janela Propriedades. Algumas propriedades típicas que você pode definir são:
id. O nome do componente Imagem. No arquivo JSP, este nome é o valor do atributo id do componente. No bean de página, o valor desta propriedade é o nome do objeto Image.
alt. O texto alternativo da imagem. O texto alt descreve o elemento gráfico na página HTML, pode ser lido por leitores de tela, pode ser exibido como uma dica de ferramenta e é exibido quando o usuário tem a visualização de imagens desativada no navegador da Web. O mesmo que o atributo HTML alt
da marca <img>.
value. O caminho para o arquivo de imagem, tal como /resources/image-file.gif, ou uma URL que aponta para uma imagem, tal como .
Clique com o botão direito do mouse no componente Imagem e escolha uma das seguintes opções:
Vincular aos dados. Define dinamicamente a imagem que é exibida. Você pode vincular a propriedade value do componente a um objeto ou a um provedor de dados, conforme descrito no tópico Caixa de diálogo Vincular aos dados.
Vinculações de propriedade. Abre a caixa de diálogo que permite vincular as propriedades do componente, além da propriedade value, a outros objetos ou beans de propriedades que atualizam automaticamente estas propriedades do componente.
Adicionar atributo de vinculação. Essa opção adiciona um atributo de vinculação ao componente
Observação: se você planeja fazer o script do componente em código Java, deve adicionar um atributo de vinculação manualmente, que é vinculado usando uma expressão vinculadora de valor a uma propriedade do bean da página de backup.
Remover atributo de vinculação Essa opção remove o atributo de vinculação do componente.