how to preload more than one but not all images of a slideshow with jquery
- by wtip
I'd like to create a web based stop motion video player. Basically a slideshow that shows 2-4 images per second. Each image might be a maximum of 20KB. I don't want to preload all images in the slideshow as there might be thousands, however I need to preload more than just the next image in the show as this will not playback fast enough (because of the playback speed the browser needs to be loading more than one image at a time).
I've been looking at using the jQuery Cycle Plugin (http://malsup.com/jquery/cycle/) with a addSlide type function but don't know how to make it work.
Would something like this might work?
-Slideshow starts
-image is played back
-preloader will attempt to load up to the next 60 images
-playback will wait for the next image in line to completely load, but will not wait for all 59 others.
The playback / preloading order is important for this application.