"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?