jQueryのすべての画像onload？

Question

は、私は2人の<img>の持っている：

<img src="photo1.png"> 
<img src="photo2.png"> 

を、私はそれが彼らの両方の読み込みが完了している機能を実行したいです。

$("img").load(blah); 
function blah(e){ 
    var blah = "text"; 
} 

しかし、動作しません。 jQueryはonload〜<img>を別々に追加するので、2回発生します。これは私が望んでいないものです。

どうすればいいですか？助けてください。

Answer 1

あなたはそれを試すことができます。

var imgs = $('img'); 
var imgs_count = imgs.length; 
var imgs_loaded = 0; 

imgs.load(function() { 
    imgs_loaded++; 

    if(imgs_loaded === imgs_count) { 
     alert('All loaded!'); 
    } 
});