"visural-wicket" is great, thank you very much for sharing!
I have one small issue, Fancybox does not calculate width of my images
right. This is part of rendered html:
<div id="fancybox-inner" style="overflow: auto; top: 10px; left: 10px;
width: 1024px; height: 501px; display: block;">
heigh: 501px - correct
width: 1024px - not correct, this is width of original image, this could be
smaller
as a result is that Fancybox is wider then image.
I serve images like shared resources.
java code:
WebMarkupContainer container = new WebMarkupContainer("img") {
@Override
protected void onComponentTag(ComponentTag tag) {
super.onComponentTag(tag);
tag.put("src", urlFor(new ResourceReference("image")) +
"?pictureId=08d7463i4mh53bavkkmr");
}
};
add(container);
container.setOutputMarkupId(true);
add(new Fancybox("image1",
container).setGroup(group).setBoxTitle("Photo 1 of 4"));
markup:
<a class="button" href="#" wicket:id="image1">Image 1</a>
<div style="display: none;">
<img style="height:100%;" wicket:id="img"/>
</div>
Could you gime me some advice?