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]
