Afficher des images comme sur google images

Bonjour à tous,

Je voudrais afficher une liste d'images sous forme d'une grille et avec pagination.Ceci comme par exemple l'affichage de résultat de la recherche sur google images ou yahoo images ainsi que d'autres sites.

En fait j'ai un Bean qui se charge recherche les images et les retourner sous forme d'un attribut de type List<Image> .Et Image est une classe que j'ai crée pour avoir les informations associées à chaque image comme url,nom,format,....
Donc je voudrais passer afficher les images en utilisant images[i].url.

J'ai voulu faire ça avec la composante data table de JSF.Mais je ne sais pas comment faire car en fait je voudrais afficher les images sur plusieurs colonnes.

En plus ça serai très bien si j'arrive à les afficher à l'aide du widget ibrowser de jmaki ou carousel de yahoo.Mais j'ai pas trouvé comment charger les images en lui passant la liste des urls.

En plus j'ai pas su comment faire les events handlers pour savoir quelle image a été séléctionnée pour par exemple l'afficher dans une page à part en taille réelle et non pas en thumbnail avec les informations associées que j'ai dans la classe image.

Pouvez vous s'il vous plait m'aider ?
J'en ai vraiment besoin d'urgence.
Merci d'avance.

pourquoi pas une datatable avec un dataScroller de tomahawk?
ça permet de lister un certain nombre d'élément par page et génére tout seul les liens pour les éléments suivants.
Par contre ça affiche en ligne.

Sinon J'ai deja fait un affichage, une fois, d'image en ligne et colonne. Je transformais ma liste "d'Image" en liste de liste d'image, et j'utilisais deux c:forEach imbriqués pour afficher les éléments en ligne ET colonne. Le problème de cette méthode c'est que n'utilisant pas la datatable, tu ne peux pas utiliser le dataScroller.

Bonjour,

Je vous remercie pour votre réponse.Mais le problème c'est que je veux que les images soient affichées en lignes et colonnes comme par exemple l'affichage de résultat de recherche sur yahoo ou google.

Merci

tu doit utilliser un layout approprie pour ce faite par exemple un cardlayout il te permet d'afficher tes image comme tu voudrais mais il faut ajouter les image a des label ou panel et ensuite les ajouter a ton frame

Excusez moi, je ne connais pas le cardLayout.Mais suite à une recherche j'ai constaté que c'est un gestionnaire de repartition dans les interfaces garphiques.mais oi je voudrais faire celà dans une page web.
Merci pour votre réponse.

utiliser les applets c'est le meme prcedure que programmer une application

Je vous remercie mais je n'utilise pas d'applets je developpe une application web utilisant JSF en plus je suis nouvelle avec JSF.Donc je ne m'y connais pas trop.

Au lieu de créer une liste de photo et de la binder au DataTable (1 colonne de photo)

tu peux essayer de faire une liste de lignes de photos et tu bind pour chaque colonne de ton datatable

Code:

---

1 2 3 4 5 6 7

<h:column> #{LignePhoto.photo1} </h:column> <h:column> #{LignePhoto.photo2} </h:column>

---

C'est une solution pas géniale mais ça doit marcher.

@+
Math

je viens de faire ce que tu veux faire :
le float:left permet d'afficher les items les uns à la suite des autres et d'aller à la ligne quand il faut !

Code:

---

1 2 3 4 5 6

<t:dataList var="item" value="#{bean.liste}" layout="simple"> <t:panelGrid columns="1" style="float:left"> item </t:panelGrid> </t:dataList>

---