I have developed a website which has a store page. The store page uses Spry SlideShow widget to move between products.

When I started this project there weren't so many products. However, not that there are lots of products the page is loading slowly because of all of the images loading up.

Is there some kind of AJAX ImageLoader Class which will do this once the page has loaded. So the user can start browsing around whilst the images happily display a nice loader gif.

Oh, and just to make things even more messy, the images are all loaded dynamically inside a PHP for loop that build each of the SlideShow panels.

Any help would be most welcome.