画像サイズの問題を取得する

Question

私は動的に画像を読み込み、動的にサイズを取得して、jQueryを使ってラッパーの高さと幅を設定しようとしています。

しかし、問題はalert($(".imageContainer").height()は0と表示されています。私はこの機能を呼び出すとイメージが読み込まれていないと考えています。

このプロセスは、グリッドのサムネイルをクリックするとモーダルウィンドウがポップアップし、いくつかの簡単なjQueryコードがこのモーダルウィンドウの属性に対応するイメージを表示するように設定します。

としましょう：

$(".thumb-img").click(function(){ 
    $(".bigImage").attr("src","somewhere/"+$(this).attr("data-imageid")+".jpg"); 
    //needs to know whether image has been loaded or not 
    $(".imageContainer").height($(".bigImage").height()); 
    $(".imageContainer").width($(".bigImage").width()); 
}); 

を画像サイズが一致していないと私は動的にそのサイズに応じてサイズを設定する必要があります。

どうすればいいですか？

ありがとうございます。

Answer 1

ニーズはあなたがloadイベントを使用することができ、画像が が

あなたがイメージがロードされたかどうかを知りたい場合は

をロードしたか否かを知るために（それはあまりにもイメージのために働く）：

あなたを介して、すべての画像およびその他のリソースがそれまでにロードされているウィンドウの loadであなたの画像関連のコードを入れて、あなたが安全にすべてのイメージがロードされていると仮定することができます

$(".bigImage").load(function(){ 
    alert(' I am loaded...'); 
}); 

：

​​