Progressive image loading with jquery
I’m developing a photography website for one of our clients, and since it’s a photography website there are lots of pictures to show.
The first page is a randomized slideshow that changes everytime you come in, and will keep showing different pictures until you click on somewhere.
However, waiting for every photo to load is a really long process, but preloading them also going to take a fairly long time.
So the best solution is to just load one or two images upfront, and during the slideshow progressive load all other images in the backgroud, and show them as they are ready.
With some client scripting it can easily be done, but it’s made a lot easier with jQuery.
Here is the link that I found that is extremely useful:
http://groups.google.com/group/jquery-en/browse_thread/thread/a368b8563dbb8c5e/1948b4c8fff4c4d3
Have fun coding!
