javascript - divの画像サイズを制限する方法

Question

内の画像の幅と高さの変化を抑えようとしていdivます。

画像のサイズが違うので、大きすぎる場合は比率を保ちながら画像サイズを小さくしたいです。

 $('#Div').css({display:'block',
                     position: 'absolute',
                     top: offset.top,
                     left:offset.left
                     }).append("<img src='" + largePic+ "'/>");

これlargePicは大きな画像パスであり、画像が読み込まれるまで画像の大きさがわかりません。

これを行う方法はありますか？どうもありがとう！！！

Answer 1

divまたは画像を使用して画像を制約できます。これは、divに幅を設定し、画像がdivを可能な限り埋めるようにすることで、画像を制約するjsfiddleです。http：//jsfiddle.net/LELns/

Answer 2

max-widthdivのCSSプロパティを使用します。

このようなものが機能するはずです：

$('#Div').css({display:'block',
                 position: 'absolute',
                 top: offset.top,
                 left:offset.left,
                 max-width: '200px'
                 }).append("<img src='" + largePic+ "'/>");

Answer 3

max-heightまたはmax-widthで制約します。