I would like to do the following with the ToolTip control:

1) Sometimes the view gets obstructed if the popup is too close to the edges.

The popoup can become obstructed depending on the position of your scroll bars. This way some of the picture will not be visible sometimes. For example if you place the popup with picture in the right lower corner of the link and than have it shown as last line on the page, the view will be obstructed.

2) After page loads, load all images in the background

3) If user moves mouse over image check if it is loaded, if not load it. But never loads image again

Can somebody guide me how I can acomplish those goals. Thanks

Hello RAFAL,

Here is some information that could be useful to you:

1) The current [latest] version of RadTooltip has automatic browser boundaries detection and moves the tooltip away from the browser edges - it is displayed fully visible on the page.

2) There are many techniques for loading images in the background using some javascript. All you need to do is some searching on the web for ready solutions and choose one that fits your scenario best.

3) In case you *are not* OnAjaxUpdate to fetch images, this taks is very simple - becasue once an image is fetched by the browser, it is cached. So, each subsequent request to show the same image does not cause the browser to make a request to the server, rather it loads it from the browser cache. So, there is no need to write any specific code that tracks which images are loaded.


All the best,
Tervel
the Telerik team