Fancybox et images dynamiques
Bonjour,
je tente de créer une GridView de thumbnails sur lesquels l'utilisateur pourra cliquer afin de voir la photo dans sa taille initial. Je souhaite utiliser Fancybox.
Fancybox permet ce comportement en insérant le code (en omettant le JQuery):
Code:
1
2
3
4
|
<a class="fancyImage" href="path/to/bigPicture.jpg">
<img src="path/to/thumbnail.jpg" />
</a> |
Voici le code de population du thumbnail :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
public class PhotoPage extends BasePage {
...
protected void populateItem(Item<Photo> item) {
byte data[] = item.getModelObject().getPicture();
NonCachingImage picture = ImageFactory.makeImage(data);
byte thumbnailData[] = item.getModelObject().getPicture();
NonCachingImage thumbnail = ImageFactory.makeImage(thumbnailData);
Link<Void> showPhotoLink = new Link<Void>("showPhotoLink"){
public void onClick(RequestCycle cycle){
...
}
showPhotoLink.add(thumbnail);
item.add(showPhotoLink);
};
}
} |
Comment obtenir une URL de picture pour l'insérer dans le lien
showPhotoLink avec un AttributeAppender("href", true, new Model(url)); ?
Il me semble qu'il faille monter les URL, mais ici nous ne somme pas dans le init de l'application...
Merci pour votre aide.
Pierre.
http://wicket.visural.net/examples/app/fancybox
http://kevinwebber.ca/blog/2010/12/2...nd-wicket.html
