(solved) SetVisibleRect messes with the image (gwt)

So I have a program in gwt which lists several images on the right and upon hovering over one of them, some additional info is shown in a custom widget to the left, including a part of the image and a special background, which is a part of a greater background-image itself, for the widget depending on the image.

So far everything works fine and both images are basically shown correctly. However, the background-image has the "broken image"-icon in the top left corner even though it is displayed perfectly and also updating whenever I hover over another image on the right. What really matters, though, is that the part of the image I hovered over is only shown a split second before the background-image is loaded because the background image will cover the other image. Leaving out the background causes the part of the image to be shown normally, but with the "broken image"-icon as well. Not using setVisibleRect() on both images lets everything work perfectly, but the images shown are then wrong of course. So far this is my code from the custom widget to show the desired part of the image that was hovered over:

This is how Image widget works: it's url attribute points to a default 1x1 pixel transparent gif. To be able to do image cropping (and other things) the real image is shown as a background of the widget. It is easy to do setVisibleRect this way, the widget just sets background-position attribute and alters the size.

Your problem is that you miss that default transparent gif clear.cache.gif:

[WARN] 404 - GET /labyrinthweb/clear.cache.gif (127.0.0.1) 1393 bytes

That's why you see a broken-image icon on top of your image.

clear.cache.gif should be located in the war\module_name folder and copied there every time you compile your project. So you should try the following: