开发者

jquery - Open popup window and size, then size image inside and keep aspect ratio

Im looking to open a popup window which will contain an image.

Im already using:

$(document).height();
$(document).width();

To set the width and height of the pop-up window so it fi开发者_StackOverflow中文版lls as much of the screen as possible. How can I then work out the best height and width of the image so that the image does not produce scrollbars in the popup window?


This is simple (HTML)

<div style="height: 200px; width: 200px; border: 1px solid #000"><img src="http://icons.iconarchive.com/icons/fasticon/fruits/128/banana-icon.png" /></div>

(JS)

var img = $('img'), div = $('div'), aspectRatio = img.width() / img.height(), newheight = div.height()*aspectRatio, newwidth = newheight*aspectRatio;
if (newwidth > div.width()) { var newwidth = div.width()*aspectRatio, newheight= newwidth *aspectRatio; }
img.height(newheight); img.width(newwidth); 
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜