0

このようなページに画像を入れています。

var wrapper = document.getElementById("wrapper"),
    urls = [/*array of URLs*/],
    el;

for (var i = 0; i <= urls.length; i++){
    el = document.createElement("img");
    el.src = urls[i];
    wrapper.appendChild(el);
}

時々しか機能しません。一部の画像を読み込めません。これは何か理由がありますか？現在のイメージが完全にダウンロードされるまで、ループの次の繰り返しの実行を延期する必要がありますか?

編集：

これが問題の邪悪なイメージです。

4

1 に答える 1

1

次のイメージをロードする前に、イメージがロードされるまで待つ必要はありません。

質問のコードにいくつかのタイプミスがあります。これらの 2 行は次のようになります。

el.src = urls[i];
wrapper.appendChild(el);

あなたが提供したページ リンクでは、そのページで一部の画像が読み込まれていない明らかな場所は見当たりません。そのページに読み込まれていないものについて、より具体的に教えていただけますか?

私が考えることができる唯一の問題は、いくつかの画像が読み込まれない原因となります:

  1. スクリプトが完了する前に実行を停止するスクリプト エラーが発生しました。
  2. 一部の画像 URL が正しくないか、実際には画像ではないものを指しています。
  3. これらの画像を提供する Web サーバーに問題があります
  4. テストを行っている場所から断続的なネットワーク/インターネットの問題が発生しています。
  5. 画像の読み込みを妨げているブラウザー プラグイン (多くの場合、セキュリティまたはプライバシー関連) があります。
于 2013-11-06T23:03:00.150 に答える