Hi all, I've been working with the fantastic Cycle plugin on a client site.
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. I am far from a JS/JQuery guru, so any help on this would be gratefully received! Unfortunately, I do NOT have the permission to provide the link to the site on a public forum, so please contact me off list instead. I will naturally share any info/knowledge gained. You can reach me at my nickname @ gmail. Thanks in advance.