なんらかの並列読み込みを実際に行いたい場合は、実際にはページに表示されないが、有効なコンテンツを保持する要素を持つことができます。何かのようなもの:
<div id="parallel_load" style="position:absolute;left: -1000px;width: 100px;></div>
次に、取得したいもののキューを作成できます。プリロードするのは画像だけなので、サービスから一度に 1 つの画像を要求し、新しい要素を作成してこの div に挿入するリストを作成するだけで済みます。これにより、ユーザーが他のことをしている間、ブラウザーは新しい画像をバックグラウンドでロードするように強制されます...クリック、ログイン.
$(LoadNextImage(0));
function LoadNextImage(index)
{
// do ajax call here to get the url to the image and id
// use index to keep track of what images have loaded maybe
var image = $('<img id="' + id + '"');
image.attr('src', urlFromAjax);
image.appendTo('#parallel_load');
// moreImages would be some response from the server that
// says you're not done yet possibly
if (moreImages)
setTimeout(LoadNextImage, 500);
}