Imagens do primefaces não carregam

TuSSeRa · Outubro 1, 2011, 7:09pm

Daew galera, seguinte.

Estou utilizando um skin do primefaces no meu projeto. No projeto eu tenho um template e nele eu incluo os recursos de css:

<h:outputStylesheet library="css" name="theme.css"/>

Quando executo o projeto, as páginas aparecem com os estilos do css, porém as images dos componentes que compõm os estilos não aparecem

Conforme documentação da tag outputStyleSheet, eu coloquei css em: resources/css/theme.css e a pasta images em: resources/css/images

O que pode estar havendo de errado?

leonardobhbr · Outubro 1, 2011, 7:21pm

amigo o problema são as imagens que não estão carregando?

Se for esse o problema a tag library para imagens não funciona, isso é um bug que ja foi ate postado na Oracle.

para funcionar tem que usar assim

#{resource['subpasta:imagem.png']}"

TuSSeRa · Outubro 1, 2011, 11:53pm

Amigo… as imagens que não carregam são as que são referenciadas no próprio arquivo .css
Por ex:

.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }

Entendeu? Como posso resolver essa referência no próprio arquivo do css?

leonardobhbr · Outubro 2, 2011, 8:44am

Use assim dentro do css

url("#{resource['images/ui-icons_469bdd_256x240.png']}");

TuSSeRa · Outubro 2, 2011, 6:06pm

Funcionou perfeitamente leonardo!

Valeu brow!

Mertz · Outubro 4, 2011, 9:31am

Oi!!

Pessoal,

Desculpa reabrir o topico, pois minhas imagens também não carregam.

Tentei fazer o que foi dito mas nada.

minha imagens estão dentro de WebContent/img

Abraços,

Marlise

TuSSeRa · Outubro 4, 2011, 2:07pm

Olá!

Se você estiver usando a tag do JSF (outputStylesheet) para inclui-las, vc precisa coloca-las na pasta resources do seu WebContent

Ex: WebContent/resources/img

Mertz · Outubro 4, 2011, 2:55pm

Oi!!

Estou usando esta tag e também no css, ali que le não funciona mesmo, estou fazendo o layout de um portal e não consigo fazer achar as imagens.

Uso eclipse, Jboss 7, primefaces.

o css ele tá enchergando, pois troca a cor e tudo mais, mas quando uso [background-image: url("…/…/img/euro_bills_BACKGROUND_4COL.jpg");]
WebContent/img

WebContent/resources/css

Falta alguma coisa?

Atté mais,

Marlise

TuSSeRa · Outubro 4, 2011, 2:59pm

Troque o código

background-image: url("../../img/euro_bills_BACKGROUND_4COL.jpg");

por

background-image: url("#{resource['img/euro_bills_BACKGROUND_4COL.jpg']}");

Se você colocou a pasta img dentro de resources, deve funcionar 8)

Mertz · Outubro 4, 2011, 3:19pm

Valeu vou testar…

E colocar as imagens no resource…

Mertz · Outubro 4, 2011, 3:30pm

Ainda não deu certo,mas quando abre a página que tem as imagens no css dá este erro

[code]17:02:57,312 Informações [javax.enterprise.resource.webcontainer.jsf.context] (http–127.0.0.1-8080-1) Exception when handling error trying to reset the response.: java.lang.IllegalArgumentException: null source
at java.util.EventObject.(EventObject.java:56) [:1.7.0]
at javax.faces.event.SystemEvent.(SystemEvent.java:71) [jboss-jsf-api_2.1_spec-2.0.0.Beta1.jar:2.0.0.Beta1]
at javax.faces.event.ComponentSystemEvent.(ComponentSystemEvent.java:73) [jboss-jsf-api_2.1_spec-2.0.0.Beta1.jar:2.0.0.Beta1]
at javax.faces.event.PostRestoreStateEvent.(PostRestoreStateEvent.java:73) [jboss-jsf-api_2.1_spec-2.0.0.Beta1.jar:2.0.0.Beta1]
at com.sun.faces.lifecycle.RestoreViewPhase.deliverPostRestoreStateEvent(RestoreViewPhase.java:271) [jsf-impl-2.1.3-b02-jbossorg-2.jar:2.1.3-SNAPSHOT]
at com.sun.faces.lifecycle.RestoreViewPhase.execute(RestoreViewPhase.java:257) [jsf-impl-2.1.3-b02-jbossorg-2.jar:2.1.3-SNAPSHOT]
at com.sun.faces.lifecycle.Phase.doPhase(Phase.java:101) [jsf-impl-2.1.3-b02-jbossorg-2.jar:2.1.3-SNAPSHOT]
at com.sun.faces.lifecycle.RestoreViewPhase.doPhase(RestoreViewPhase.java:116) [jsf-impl-2.1.3-b02-jbossorg-2.jar:2.1.3-SNAPSHOT]
at com.sun.faces.lifecycle.LifecycleImpl.execute(LifecycleImpl.java:118) [jsf-impl-2.1.3-b02-jbossorg-2.jar:2.1.3-SNAPSHOT]
at javax.faces.webapp.FacesServlet.service(FacesServlet.java:593) [jboss-jsf-api_2.1_spec-2.0.0.Beta1.jar:2.0.0.Beta1]
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:329) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:248) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:275) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:161) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.jboss.as.web.security.SecurityContextAssociationValve.invoke(SecurityContextAssociationValve.java:139) [jboss-as-web-7.0.2.Final.jar:7.0.2.Final]
at org.jboss.as.web.NamingValve.invoke(NamingValve.java:57) [jboss-as-web-7.0.2.Final.jar:7.0.2.Final]
at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:154) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:102) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:109) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:362) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:877) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.coyote.http11.Http11Protocol$Http11ConnectionHandler.process(Http11Protocol.java:667) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.tomcat.util.net.JIoEndpoint$Worker.run(JIoEndpoint.java:952) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at java.lang.Thread.run(Thread.java:722) [:1.7.0]

17:02:57,312 ERROR [org.apache.catalina.core.ContainerBase.[jboss.web].[default-host].[/GDBurtWeb].[Faces Servlet]] (http–127.0.0.1-8080-1) Servlet.service() for servlet Faces Servlet threw exception: java.lang.IllegalArgumentException: null source
at java.util.EventObject.(EventObject.java:56) [:1.7.0]
at javax.faces.event.SystemEvent.(SystemEvent.java:71) [jboss-jsf-api_2.1_spec-2.0.0.Beta1.jar:2.0.0.Beta1]
at javax.faces.event.ComponentSystemEvent.(ComponentSystemEvent.java:73) [jboss-jsf-api_2.1_spec-2.0.0.Beta1.jar:2.0.0.Beta1]
at javax.faces.event.PostRestoreStateEvent.(PostRestoreStateEvent.java:73) [jboss-jsf-api_2.1_spec-2.0.0.Beta1.jar:2.0.0.Beta1]
at com.sun.faces.lifecycle.RestoreViewPhase.deliverPostRestoreStateEvent(RestoreViewPhase.java:271) [jsf-impl-2.1.3-b02-jbossorg-2.jar:2.1.3-SNAPSHOT]
at com.sun.faces.lifecycle.RestoreViewPhase.execute(RestoreViewPhase.java:257) [jsf-impl-2.1.3-b02-jbossorg-2.jar:2.1.3-SNAPSHOT]
at com.sun.faces.lifecycle.Phase.doPhase(Phase.java:101) [jsf-impl-2.1.3-b02-jbossorg-2.jar:2.1.3-SNAPSHOT]
at com.sun.faces.lifecycle.RestoreViewPhase.doPhase(RestoreViewPhase.java:116) [jsf-impl-2.1.3-b02-jbossorg-2.jar:2.1.3-SNAPSHOT]
at com.sun.faces.lifecycle.LifecycleImpl.execute(LifecycleImpl.java:118) [jsf-impl-2.1.3-b02-jbossorg-2.jar:2.1.3-SNAPSHOT]
at javax.faces.webapp.FacesServlet.service(FacesServlet.java:593) [jboss-jsf-api_2.1_spec-2.0.0.Beta1.jar:2.0.0.Beta1]
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:329) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:248) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:275) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:161) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.jboss.as.web.security.SecurityContextAssociationValve.invoke(SecurityContextAssociationValve.java:139) [jboss-as-web-7.0.2.Final.jar:7.0.2.Final]
at org.jboss.as.web.NamingValve.invoke(NamingValve.java:57) [jboss-as-web-7.0.2.Final.jar:7.0.2.Final]
at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:154) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:102) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:109) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:362) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:877) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.coyote.http11.Http11Protocol$Http11ConnectionHandler.process(Http11Protocol.java:667) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at org.apache.tomcat.util.net.JIoEndpoint$Worker.run(JIoEndpoint.java:952) [jbossweb-7.0.1.Final.jar:7.0.2.Final]
at java.lang.Thread.run(Thread.java:722) [:1.7.0]

Mertz · Outubro 4, 2011, 3:38pm

A imagem tá carregando…

Valeu muito obrigado…

sfatuche · Outubro 22, 2011, 5:33pm

ola possoal dinovo este problema!!!

eu estou uzando helios com toncat 7 + jsf 2.0 + primefaces3.0

uso o codigo pronto que a primefaces dispoem

o MB
package br.com.LojaDeLista.Bean;

import java.util.ArrayList;
import java.util.List;

public class ImageSwitchBean {

private List<String> images;

public ImageSwitchBean() {
    images = new ArrayList<String>();
    images.add("nature1.jpg");
    images.add("nature2.jpg");
    images.add("nature3.jpg");
    images.add("nature4.jpg");
}

public List<String> getImages() {
    return images;
}

}

e o xhtml

</h:head>

<h:body>

<f:view contentType="text/html">
	<p:carousel autoPlayInterval="2000" rows="1" effect="easeInStrong"
		circular="true" itemStyle="height:500px;width:700px;">
		<p:graphicImage value="/images/images1.jpg" />
		<p:graphicImage value="/images/images2.jpg" />
		<p:graphicImage value="/images/images3.jpg" />
	</p:carousel>
</f:view>
<f:view>
	<h3>Fade</h3>
	<p:imageSwitch effect="fade">
		<ui:repeat value="#{imageSwitchBean.images}" var="image">
			<p:graphicImage value="/images/#{image}" />
		</ui:repeat>
	</p:imageSwitch>
</f:view>

</h:body>

intão o estranho é que o carosel acha a 1° imagem mais as demais não encontra…
E o imageSwitch não acha nada fica tudo branco como se não tivesse funcionando…

qualquer ajuda serve obrigado!

system · Dezembro 30, 2015, 9:05am

Imagens do primefaces não carregam

Cursos de Mobile

Cursos de Programação

Cursos de Front-end

Cursos de DevOps

Cursos de Design & UX

Cursos de Business

Cursos de Data & BI