Question

I’ve got a web page that automatically reloads every few seconds and displays a different random image. When it reloads, however, there is a blank page for a second, then the image slowly loads. I’d like to continue to show the original page until the next page is loaded into the browser’s memory and then display it all at once so that it looks like a seamless slideshow. Is there a way to do this?

Answer 1

Back in the dark old days (2002) I handled this kind of situation by having an invisible iframe. I’d load content into it and in the body.onload() method I would then put the content where it needed to go.

Pre-AJAX that was a pretty good solution.

I’m just mentioning this for completeness. I’m not recommending it but it’s worth noting that Ajax is not a prerequisite.

That being said, in your case where you’re simply cycling an image, use Ajax or something like the jQuery cycle plug-in to cycle through images dynamically without reloading the entire page.