次のような一連の画像を呼び出すリクエストがあります。
<a href='www.domain1.com'><img src='../image/img1.png' onerror='imgError(this);'/></a>
<a href='www.domain2.com'><img src='../image/img2.png' onerror='imgError(this);'/></a>
問題は、呼び出しが行われたときに、一部の画像 (~20%) がまだ準備できていないことです。もう一秒必要です。
したがって、jsまたはjqueryでやりたいことは、エラーが発生したときに失敗した画像を取得し、1秒待ってから、失敗した画像を再度ロードすることです。2 回目の試行で失敗した場合は、まあ、それで問題ありません。しかし、私はこれを正しく行っていません...jsの別のメソッド内でタイムアウトを呼び出すべきではありませんか?
function imgError(image) {
image.onerror = "";
image.src = image;
setTimeout(function () {
return true;
}, 1000);
}