関数 .load() または onLoad なしでイメージがロードされていることを確認することは可能ですか? 問題は、Webkit のようなブラウザーがこの機能で正しく動作しないことです。
更新: 問題はhttp://en.wikipedia.org/wiki/Motion_JPEGにあります - 読み込みは 1 回だけ発生します。
関数 .load() または onLoad なしでイメージがロードされていることを確認することは可能ですか? 問題は、Webkit のようなブラウザーがこの機能で正しく動作しないことです。
更新: 問題はhttp://en.wikipedia.org/wiki/Motion_JPEGにあります - 読み込みは 1 回だけ発生します。
確認できますimg.width
:ロードされていない場合は0です。
onload
しかし、Webkit ブラウザーでも (すべて低容量) を使用できると確信しています。
img.onload=function(){
console.log('loaded!');
};
img.src='something';
頻繁に発生するエラーに注意してください: onload を設定した後に src を設定する必要があります。そうしないと、画像がキャッシュにある場合に onload コールバックが呼び出されません。
デモンストレーション : Webkit ベースの Chrome でテスト済み
プロジェクトでこれhttps://github.com/desandro/imagesloadedを使用しましたが、うまくいきました