2

画像の読み込みが完了したかどうかを確認するには、クロス ブラウザー ソリューションが必要です。

私はこれについて知っています：

var theImage = new Image()
theImage.src = 'http://pieisgood.org/images/slice.jpg' //yum, pie :)
//later...
if (theImage.complete) {
    //do stuff
}

そのクロスブラウザ互換性はありますか (つまり、FF、Chrome、Safari、Opera、IE8+ を意味します)? そうでない場合、クロスブラウザで jQuery を使用しない方法でこれを行うにはどうすればよいですか?

4

3 に答える 3

4

次のようなもの：

var theImage = new Image()
theImage.src = 'http://pieisgood.org/images/slice.jpg' //yum, pie :)
theImage.isLoaded = false;
//later...
theImage.onload = function(){
    theImage.isLoaded = true;
    //do stuff
}
if(theImage.isLoaded){
    alert("Loaded");
}
document.body.appendChild(theImage); // VERY needed

動作するはずです。

画像が実際に読み込まれるときに属性を設定するのと同じように。:)

于 2013-04-26T23:44:58.963 に答える
2

「onload」イベントを使用できると思います。

image.onload = function() {
};

ただし、画像の「src」を設定する前に、これをバインドする必要があります。

于 2013-04-26T23:44:56.667 に答える
1

または、htmlを介して制御し、指定されたimg onloadイベントで関数を呼び出します

<img src="whatever.png" onload="dostuff()" />
于 2013-04-26T23:47:24.807 に答える