如果我将宽度调整为另一个值,找出我的图像的高度

时间:2015-03-24 09:12:04

标签: javascript jquery image twitter-bootstrap-3 resize

我有一个Twitter bootstrap轮播,其中我有图像和iframe。图像工作得很好,因为他们有img-responsive类,他们调整大小。 iframe不会像那样工作。每当用户调整浏览器大小时,我必须给它们一个宽度和高度并改变它们的宽度和高度。

轮播只能同时包含图像,iframe,图像和iframe。

如何让iframe像图片一样工作?具有相同的尺寸,以相同的方式调整大小?

我的图片是750 x 427px。我想到的事情就是给iframes宽度100%的容器,因为这项工作和之后我必须找到高度,考虑到如果宽度是例如300px高度应该与图像尺寸成正比{ {1}}。

我们可以简单地使用三个规则吗?或者使用图像比率有一些更复杂的东西?

1 个答案:

答案 0 :(得分:0)

通过.height()和.width方法。 您可以使用$("#imgID").height()获取其高度,使用$("#imgID").width()获取其宽度。当然,imgID将替换为图像的实际ID。