Primefaces + graphicImage!

Front-end
#1

Galera beleza? To com um problema que não consigo resolver mesmo lendo tópicos e mais tópicos…

Tenho um layout com layoutunit center… e nele tem um ui:insert, pra não ter que ficar reescrevendo o código da index pra outras páginas…

No campo do layoutunit center, eu queria colocar uma imagem, tipo um logo… com o <p:graphicImage value =“images\banner.png”/>…

Só que o mesmo aparece as bordas e como se a imagem não existisse mais… Alguém teria um jeito de me dar um help ai? Obrigado desde já… Abraços

#2

Tente assim:

o <p:graphicImage value ="/images/banner.png"/>

Também tente atualizar o seu projeto.

#3

[quote=ErickRAR]Tente assim:

o <p:graphicImage value ="/images/banner.png"/>

Também tente atualizar o seu projeto.[/quote]

Tentei meu amigo, não vai… Já até fechei navegador e NetBeans junto… recarreguei e nada.

#4

Nesse caso que você está usando uma imagem que já está salva (não é gerada em tempo de execução), você pode usar as próprias tags do JSF para isso. O JSF tem um mecanismo para centralizar os recursos da aplicação (imagens, css, javascript, etc…). Se essa sua pasta “images” estiver dentro de uma pasta “resource” (acredito que só funcione assim), você pode fazer o seguinte:

&lt;h:graphicImage library="images" name="banner.jpg"/&gt;

Ele já procura dentro da pasta “/resources/images” uma imagem que tenha o nome “banner.jpg”.
Ou você também pode fazer assim:

&lt;h:graphicImage value="#{resource['images:banner.jpg']}"/&gt;

Veja esse artigo, ele explica melhor: http://www.packtpub.com/article/jsf-images-css-and-js
Espero ter ajudado!

#5

[quote=diogozero]Nesse caso que você está usando uma imagem que já está salva (não é gerada em tempo de execução), você pode usar as próprias tags do JSF para isso. O JSF tem um mecanismo para centralizar os recursos da aplicação (imagens, css, javascript, etc…). Se essa sua pasta “images” estiver dentro de uma pasta “resource” (acredito que só funcione assim), você pode fazer o seguinte:

&lt;h:graphicImage library="images" name="banner.jpg"/&gt;

Ele já procura dentro da pasta “/resources/images” uma imagem que tenha o nome “banner.jpg”.
Ou você também pode fazer assim:

&lt;h:graphicImage value="#{resource['images:banner.jpg']}"/&gt;

Veja esse artigo, ele explica melhor: http://www.packtpub.com/article/jsf-images-css-and-js
Espero ter ajudado![/quote]

Nada, criei a pasta resources como manda o Link que vc postou… fiz o que pediu e não adiantou não… ainda fica aquele quadradinho de como se a imagem não existisse mais ;S

#6

Qual a referência que a imagem aponta?

#7

não entendi a pergunta, poderia perguntar de um modo mais “básico?” kkkkkkkkkkk

#8

Foi mal. kkk

No código-fonte gerado, como fica o no local onde deveria ficar essa imagem?

#9

[quote=diogozero]Foi mal kkk

No código-fonte gerado, como fica o no local onde deveria ficar essa iamgem?[/quote]

Cara, eu tenho uma pasta que é o “Projeto”, dentro do Projeto tem as pastas, build - dist - nbproject - resource - setup - src - web…

Eu criei o resource e uma pasta images dentro… Não sei se to fazendo as coisas certas, sou muito leigo nisso…

#10

Não, por enquanto não se preocupe com a estrutura do projeto. Rode a página normalmente, você falou que ele fica mostrando “aquele quadradinho de como se a imagem não existisse mais”, não é?

Clique em cima dele com o botão direito e “Inspecionar elemento” se você tiver no Chrome. Em outros browsers, CTRL+U e veja no código-fonte o local onde essa imagem deveria estar.

Qual o valor do atributo “src”?

#11

[quote=diogozero]Não, por enquanto não se preocupe com a estrutura do projeto. Rode a página normalmente, você falou que ele fica mostrando “aquele quadradinho de como se a imagem não existisse mais”, não é?

Clique em cima dele com o botão direito e “Inspecionar elemento” se você tiver no Chrome. Em outros browsers, CTRL+U e veja no código-fonte o local onde essa imagem deveria estar.

Qual o valor do atributo “src”?[/quote]

<img src="/Projeto/imagens/bannerscgsh.png"/>
#12

Você usou qual dessas tags? A do Primefaces ou do JSF?

#13

Prime

#14

Usando as tags do JSF e com library=“images” name=“banner.jpg”, como fica?
Lembre-se que não vai usar o atribute value, só esses dois.

#15

[quote=diogozero]Usando as tags do JSF e com library=“images” name=“banner.jpg”, como fica?
Lembre-se que não vai usar o atribute value, só esses dois.[/quote]

http://imageshack.us/f/853/screenshot032n.jpg/
http://imageshack.us/f/542/screenshot033v.jpg/

#16

syncel,

Tente o seguinte:
Dentro do diretório WebContent, crie uma pasta com o nome: resources, dentro desta crie uma pasta chamada imagens.
WebContent -> resources -> imagens
Com a estrutura acima montada, tente o código abaixo:

<p:graphicImage library="imagens" name="status_#{usuario.status}.png" />

Isso é no eclipse

caso esteja usando netbeans tente:
PáginasWeb-> resources -> imagens
Com a estrutura acima montada, tente o código abaixo:

<p:graphicImage library="imagens" name="status_#{usuario.status}.png" />

OBS: o atributo name, deve ser informado o nome da imagem.o formato

#17

Cara, coloca a pasta “imagens” (deixe tudo em minusculo, só por convenção mesmo) dentro de uma nova pasta resources.

Ficaria:
Páginas Web
–resources
----imagens
-------bannerscgsh.png

#18

[quote=diogozero]Cara, coloca a pasta “imagens” (deixe tudo em minusculo, só por convenção mesmo) dentro de uma nova pasta resources.

Ficaria:
Páginas Web
–resources
----imagens
-------bannerscgsh.png[/quote]

Cara, eu te amo… kkkkkkkkkkkkkk… deu certo aqui agora… depois de muito dar trabalho a ti agradeço do fundo do coração…

Só mais uma pergunta… pra mim alinhar ele no centro, uso um align em algum canto? Abraços

#19

Nunca usei o LayoutUnit, mas na “parte de cima”, coloca isso no “style” da tag:

text-align:center;
#20

Para Alinhar ao centro coloque o codigo abaixo dentro da tag que deseja alinhar ao centro.

style="text-align:center; display:block;"