Adicionando arquivos de imagens a um projeto JSF

Olá Pessoal, tudo bom?

O artigo de hoje está relacionado a adição de arquivos de imagens nos formatos png e jpeg. Para isso, o ponto de partida será o artigo que fala sobre a criação de um projeto Maven + JSF. Veja na continuação desse post…

Configuração

Verifique se existe uma folder de nome resources dentro da folder webapp. Senão existir crie uma folder (não lembra? aqui). Em seguida crie uma nova folder chamada images dentro da folder resources recém criada. Agora adicione aqui os arquivos de imagens desejados. Irei adicionar dois arquivos, um chamado bg.jpg, que representará o background do projeto e outro logo.png que representa a logo do projeto. Suas pastas devem ficar parecidas com as pastas do projeto da Figura 01.

Utilizando as imagens em um código xhtml

Para adicionar a um arquivo xhtml uma imagem você deverá utilizar a seguinte tag JSF:

Onde /resources/images/ é o caminho para a pasta que você acabou de criar para abrigar as imagens.

Onde logo.png é a imagem que será adicionada na renderização da página.

finally{

Duvidas ou sugestões? Deixe seu feedback! Isso ajuda a saber a sua opinião sobre os artigos e melhorá-los para o futuro! Isso é muito importante!

Até um próximo post!