jquery - jQueryで大きな画像をプリロードする

Question

だから私はこの問題を抱えています。背景などとして表示する必要がある非常に大きな画像（7MB）がありますが、オンラインの場合、ブラウザは少し時間がかかり、画像をゆっくりと表示します（2001のように）。

フラッシュのように、jQuery を使用して何らかのプリローダーを取得する方法はありますか? 私はたくさんのものを見てきましたが、それは実際のプリロードではないようですが、その場で画像を取り込みます。

これを行う方法はありますか？

Answer 1

試したことはありませんが、役立つ jquery プラグイン、Lazy Load があります。

http://www.appelsiini.net/projects/lazyload

Answer 2

これらの画像を Web 用に最適化する必要があります。そうは言っても、それらをプリロードする方法があります。必要なときにのみロードするので、画像のURLをどこかに保存してから、必要なときに次のようにすることができます。

var myImageUrl='image.jpg';
$('.imageContainer').append('<img src="'+myImageUrl+'" />');
$('.imageContainer img').load(function() {
    alert('done loading image');
});

これで、プリローダーを作成できます。