p:galleria does not show images

Question

I want to use Primefaces galleria. I have seen galleria but I am not able to display images. I have tried these following codes:

Galleria.xhtml

<h:body>
<p:galleria value="#{imagesView.images}" var="image" panelWidth="600" panelHeight="400" showCaption="true">
    <p:graphicImage name="/resources/images/#{image}"/>
</p:galleria>

Galleria.java

@ManagedBean
public class ImagesView {
    private List<String> images;

    @PostConstruct
    public void init() {
        images = new ArrayList<String>();
        for (int i = 1; i <= 12; i++) {
            images.add("nature" + i + ".jpg");
        }
    }
    public List<String> getImages() {
        return images;
    }
}

Web Content - resources - images - (image1.jpg, image2.jpg, image3.jpg) — , Sep 16 '15 at 17:41

Geinmachi · Answer 1 · 2015-09-16T18:20:29.737

0

Use name attribute

<p:graphicImage name="images/#{image}"/>

edited Sep 16 '15 at 18:20

answered Sep 16 '15 at 17:49

Geinmachi

1,251
1
8
20

I tried it but still not – Sep 16 '15 at 18:02
@sara Edited my answer – Geinmachi Sep 16 '15 at 18:21
Unfortunately, I still don't see images – Sep 16 '15 at 18:28
Are your images in src -> main -> webapp -> resources -> images? Because it worked for me for this structure. – Geinmachi Sep 16 '15 at 18:31
my images in package->Web Content -> resources -> images -> (image1.jpg, image2.jpg, image3.jpg) – Sep 16 '15 at 19:45
my xhtml file in package->Web Content-> Galleria.xhtml – Sep 16 '15 at 19:46
I'm using Maven archetype so I can't help you but one more thing - in code you use image names like `natureX.jpg` but in comments you type `imageX.jpg`. Didn't you mix it? – Geinmachi Sep 16 '15 at 20:24
ok.Thank you so much for your helps – Sep 16 '15 at 20:32
Do you have any errors in console (`F12`) when opening the page? – Geinmachi Sep 16 '15 at 21:43

score 0 · Answer 2 · answered Sep 17 '15 at 18:37

0

Try returning the image names like this:

images.add("images/nature" + i + ".jpg");

Then just change the p:graphicImage definition:

<p:graphicImage name="#{resource[image]}"/>

It should then map the image name properly.

answered Sep 17 '15 at 18:37

Sva.Mu

1,141
1
14
24

score 0 · Answer 3 · answered Feb 13 '17 at 07:45

0

I was also facing the same problem which I solved by dong following changes getting help from internet.

I know this one is old one but i am posting this for others who are facing the same issue.

you need to create resources folder and under that create one images folder and put all the images inside that.

answered Feb 13 '17 at 07:45

NickyPatel

503
4
11

It should be created under webcontent folder. – NickyPatel Feb 13 '17 at 07:46

p:galleria does not show images

3 Answers3