Ajax image preview on hover
I have built some ajax functionality whereby a user hovers their mouse over a thumbnail image, which triggers an ajax call to return a larger version of that image which appears in a absolutely positioned div on top of the thumbnail.
The server side of this basically just returns an html image tag in an otherwise empty jsp page.
The issue I am having is one of providing feedback to the user. I have a loading gif that appears until the server returns the jsp (which is very quick). The loading gif is then replaced with the contents of the jsp page (i.e. the image tag), but there is a pause while the new larger image loads. During this pause the loading gif no longer exists so there is no feedback to the users.
ANy ideas how to get around this?