JSF, Primefaces and bootstrap blueimp

[vished]

Dears,

I would like to use JSF and this component:
http://blueimp.github.io/Bootstrap-Image-Gallery/

How can I do this?
Currently I´m only using Primefaces components.
The images will come directly from my database. No Blob, only the link to the filesystem.
Can anybody help me to implement this? Thank you very much.

[kukeltje]

Use plain html and e.g. a ui:repeat. Nothing PrimeFaces related

[vished]

is it possible with p:datascroller?
I think it make no sense to load 500 pictures at the first time?
So I need lazy loading.

Or is there anyone who can implement for me such gallery also with:
- Responsive gallery
- adjust the size of the pictures (for example: Picture 1 is width=400px, Picture2 is width = 800px)
So the page will not break down due to the differenz sizes.

Something like this here:
https://www.svenbluege.de/demo/index.php/image-list

How much would be cost this implementation?

[tandraschko]

If you want to sponsor such a feature, you should write a mail to primetek.

[vished]

which is the correct email?

[vished]

Use plain html and e.g. a ui:repeat. Nothing PrimeFaces related

Ok but how can I get the link from each image ?

Code: Select all

<div id="links">
    <a href="images/banana.jpg" title="Banana">
        <img src="images/thumbnails/banana.jpg" alt="Banana">
    </a>
    <a href="images/apple.jpg" title="Apple">
        <img src="images/thumbnails/apple.jpg" alt="Apple">
    </a>
    <a href="images/orange.jpg" title="Orange">
        <img src="images/thumbnails/orange.jpg" alt="Orange">
    </a>
</div>

For this code I can use p:graphicImage:
<img src="images/thumbnails/banana.jpg" alt="Banana">
-> this works already.

But how can I get the link for each image???
<a href="images/banana.jpg" title="Banana">
I need the href from each image from the ui:repeat.
Can you help me for this this is very unclear for me