There is a page with several php queries being called… each php query pulls data from the db to create an analytics graph. Initially, was thinking about using the jQuery lazy loader plugin… however, do not believe it will work in this context.
What I want to do is when a user is looking at the first graph (before scrolling down), that it will make an AJAX call and run the php Query, show a loading gif, and then finally display the graphics/graph for the outputted query… as the user continues to scroll down, more queries will be called. The issue now is that the page calls all the queries at once and it takes a while to load.
Any thoughts on how to do this using javascript, jQuery, or any other lazy loading technique?
http://imakewebthings.github.com/jquery-waypoints/