2度読み込むことなく画像を読み込む方法

Question

画像が読み込まれていて、画像が完成し、さまざまなCSSとアニメーションが完了すると表示されます。しかし、私は、関数内で、幅と高さを確認するために画像を呼び出したい：

$('.ePage').find('img').each(function(){ 
    var $img = $(this); 
    $('<img/>').load(function(){ 

     // my css and animations 
     // need to check height and width 


    }).attr('src',$img.attr('src')); 
}); 

だけ私は二回、画像をロードしたいいけません。これどうやってするの？

Answer 1

$('.ePage').find('img').each(function(){ 
    var $img = $(this); 
    $('<img/>').load(function(){ 

     console.log($(this).css("width")); 
     console.log($(this).css("height")); 
     console.log($(this).width()); 
     console.log($(this).height()); 

    }).attr('src',$img.attr('src')); 
}); 

• http://api.jquery.com/css/
• http://api.jquery.com/width/
• http://api.jquery.com/height/