> The client has 30+ fairly big images to load (~3MB total page load), > so the normal loading scenario doesn't work very well. > > The way I worked around it, is I've added all the HTML code for all > the images, without the actual image file. When a visitor views the > page, I progressively load the NEXT/PREVIOUS image into position from > an embedded JS array on the page. ie: replacing the img.src attribute > with the full path instead. > > This works fairly well, and supports both Slideshow and Next/Previous > modes. > > However, the problem I'm having is that it is possible to outrun the > loading of the images on slower connections. In other words, the > preloading of the next image is not working correctly, and as a > result, you can see an empty image, or else the next/previous buttons > don't work when clicked.
One way around this is to only add images to the slideshow after they are fully downloaded. An example of this technique can be found here: http://www.malsup.com/jquery/cycle/add3.html Mike