Question

I am using Google Charts to display charting data in my application. Sometimes Google is slow and the charts will take a while to load. This scenario seems to be a common enough pattern — so I’m wondering what’s a good approach to show a temporary image, while the image is delivered from Google. I have access to jQuery — and have seen a number of “preloading” plugins. Is this what I need?

Is the correct term for this scenario/pattern really called “image preloading”?

I’d love to hear what people use to solve this situation.

thanks

Answer 1

You can show one of those fancy loading gifs found at http://ajaxload.info/ while the image is loading. After the image is loaded you hide the loading gif and show the image itself.

check http://jqueryfordesigners.com/image-loading/ for a tutorial.