I am currently using jQuery to manipulate a loading placeholder image that covers loading thumbnails on my website. Basically, the script waits for the page to finish loading, and then hides the loading animation. You can see the effect at my site, here
On a page that has many images to load, however, it can take quite some time before the thumbnails appear.
I had considered using some sort of lazy-loading technique, but I think it might be simpler to just switch the trigger for the loading animation hiding from the completion of the loading of the entire page to just the completion of loading of each particular image. What's the easiest way to accomplish this?
Script as it stands follows:
Let me know if there's any other information that would be helpful. Thanks!