Okay here are some pointers : http://ninomartinez.wordpress.com/2008/09/09/apache-wicket-javascript-integration/ http://blog.jayway.com/2008/09/26/wicket-javascript-internals-dissected/
And I would probably make a hidden container in which the image loads(so that the browser has it loaded), and then use scriptaculous to load it as a replacement for the image.. 2009/3/25 santo_75 <[email protected]> > > Hi, > > well yes, I understand what you say. But I am not that deep into wicket an > ajax yet... so right now, I don't know what to do next. > > Could you, or anyone else, give some details how to submit the image to the > client-browser and not show it before it's fully loaded? > > > thx > Santo > > > nino martinez wael wrote: > > > > Hi > > > > Must be the delay to your server (which is normal I think), I'd suggest > > using something like scriptaculus and then a fade in / out effect. You > > could > > possibly also just prefect it and replace it when fully loaded. > > > > 2009/3/24 santo_75 <[email protected]> > > > >> > >> Hi there, > >> > >> i have a page that updates an image through a ajax request. > >> > >> Some Code first: > >> > >> public class MyPage extends WebPage{ > >> private RenderedDynamicImageResource imageResourceMap; > >> > >> ... > >> NonCachingImage map = new NonCachingImage("map", new PropertyModel(this, > >> "imageResourceMap")){ > >> private static final long serialVersionUID = 1L; > >> > >> @Override > >> protected void onBeforeRender() { > >> generateMap(); > >> super.onBeforeRender(); > >> } > >> }; > >> > >> > >> AjaxLink lNorth = new AjaxLink("north_link", this.getModel()) { > >> @Override > >> public void onClick(AjaxRequestTarget target) { > >> ... > >> target.addComponent(Overview.this.get("map")); > >> } > >> }; > >> > >> > >> private void generateMap(){ > >> HexCoordinates hc = (HexCoordinates) getModelObject(); > >> imageResourceMap = mapGenerationService.getMap(hc.getX(), > >> hc.getY(), > >> 6); > >> } > >> > >> ... > >> } > >> > >> html markup is this > >> > >> ... > >> > >> ... > >> > >> > >> So my problem is, everytime I click the ajaxlink the image gets updated > >> correctly but it flickers. Which is very unpleasant. Doesn't matter if I > >> use > >> IE or FF. Both show the flickering effect. > >> > >> Any help is greatly appreciated. > >> Thanx > >> Santo. > >> > >> -- > >> View this message in context: > >> > http://www.nabble.com/How-to-prevent-a-flickering-when-Ajax-updates-an-Image-tp22691158p22691158.html > >> Sent from the Wicket - User mailing list archive at Nabble.com. > >> > >> > >> --------------------------------------------------------------------- > >> To unsubscribe, e-mail: [email protected] > >> For additional commands, e-mail: [email protected] > >> > >> > > > > > > -- > View this message in context: > http://www.nabble.com/How-to-prevent-a-flickering-when-Ajax-updates-an-Image-tp22691158p22697431.html > Sent from the Wicket - User mailing list archive at Nabble.com. > > > --------------------------------------------------------------------- > To unsubscribe, e-mail: [email protected] > For additional commands, e-mail: [email protected] > >
