2011-06-26 6 views
0

の高さを検出:は、私は私のプロジェクトに(異なるサイズを有する)複数の画像を持っていると私はそれらのイメージのために、このCSSを設定したページのレイアウトを改善するために、画像

#Banners { 
    max-width: 250px; 
    max-height: 350px; 

    border: 1px solid #fff; 
    box-shadow: 0 0 5px #888; 
    -moz-box-shadow: 0 0 5px #888; 
    -webkit-box-shadow: 0 0 5px#888; 
} 

.float { 
    float: left; 
} 

しかし、いくつかの画像が350pxより小さく、コンテナの内容がmin-heightの場合は360pxに設定されているため、ページに空白が残っています。だから私は画像のheight(CSSコードを渡した後にheight)を取得し、min-heightというコンテナをjQueryを使って画像heightと同じにしたいと思っています。 CSSを通過した後に画像を取得するには?height

+0

重複がありますか? http://stackoverflow.com/questions/106828/javascript-get-image-height – Ben

+0

私はちょうどjQueryで.height()を使用します:D – Xavier

答えて

1

このコードでは、画像の高さと同じ高さに設定する必要がある理由がわかりません。

$(document).ready(function() { 
    $("#Banners").css("min-height", $("#img_id").outerHeight()); 
}); 
+1

私はあなたが画像の寸法をロードイベントの後に取得する必要があると思います。準備完了イベント。負荷:http://api.jquery.com/load-event/準備:http://api.jquery.com/ready/ – Brent

+0

あなたは絶対に正しいです、ありがとうございます。 –