javascript - jQuery 画像のプリロード

Question

いくつかの画像があるWebアプリケーションを入手しました。

開始時にページにオーバーレイを表示し、すべての画像の読み込み時に自動的にフェードアウトします。

私はこのようなものが必要です

その大まかなコード

var image1="image1.jpg";
var image2="image2.jpg";
var image4="image4.jpg";

image1 & image2 & image4 loaded then fadeout #preload and show content.

助けてください...私はこれを試しました..しかし動作しません..

var img1 = new Image();
img1.src = "../images/wall.jpg";

img1.onload = function() {
    alert("loaded");
};

score 1 · Accepted Answer

var images_loading = $('img').length;
$('img').load(function(){
  if(!--images_loading) {
    // all images loaded
  }
});

画像を非表示にすることはできませんのでご注意くださいdisplay:none。

を使用display:noneすると、ブラウザによる画像のダウンロードがブロックされます。visibility:hidden代わりにユーザー。

score 0 · Accepted Answer

このフィドルを試してみてください。私は主に生のJavaScriptを使用して作成しました。

必要に応じて、jQueryを使用して関数.loadを置き換え、追加して置き換えることができますonloadappendChild

2 に答える 2