Javascriptのextern URLからロードするときにイメージサイズを取得する

Question

プロジェクトがイメージdivのサイズを変更する必要があるため、extern URLからロードするときにイメージサイズを知る必要があります。

私はこのような何か実行する必要があります。

<img id="imglegend'+layername+'" src="url_to_an_extern_host" /> 

そして、JavascriptとjQueryの使用：

$('#imglegend'+layername).ready(function(){ 
    var h = $('#imglegend'+layername); 
    // Resize image div container 
}); 

しかし、これは動作しませんでしたが。それは可能ですか？

ありがとうございます！

Answer 1

$('#imglegend').load(function(){ 
    var w = $(this).width(); 
    var h = $(this).height(); 
    alert(w); alert(h); 
}).error(function(){ 
    $(this).remove();//remove image if it fails to load// or what ever u want 
}) 

Answer 2

画像にはreadyイベントがありません。

$('#imglegend'+layername).load(function(){ 
    alert(this.width); 
}); 

EDIT：しかし彼らはloadイベントを持っていますところで、あなたは、イベントハンドラをアタッチする前にイメージがロードされていないことを確認する必要があります。 HTMLの代わりにハンドラを割り当てた後にsrcをスクリプト内に割り当てるか、代わりにハンドラをonload HTMLに割り当てる必要があります。