jquery 获取 img 大小并根据宽度/高度比例更改其 css 属性答案

【问题标题】：jquery get img size and change its css properties based on width/height proportionsjquery 获取 img 大小并根据宽度/高度比例更改其 css 属性
【发布时间】：2013-09-19 21:32:16
【问题描述】：

我在固定宽度和高度的 div 中加载了动态图像。我希望我的 javascript 做的是

1) 了解图片的宽高 2）计算其比例和.. 3) 如果它的宽度 > 高度，则给它高度：100%，否则给它宽度 100%。

这是我的例子：http://jsfiddle.net/omegaiori/vWGMf/2/

这段代码无法抓取图像的比例，好吧..它只是不起作用..乱七八糟的js部分如下：

var newImg = new Image();

    newImg.onload = function() {

var containerWidth  = $(".container").width();

var containerHeight = $(".container").height();

var imgWidth   = $(".image").width();
var imgHeight  = $(".image").height();


if(imgWidth > imgHeight) {
            $(".image").css({"width": "auto","height": "100%", "top": 0});

        }
        else {
            $(".image").css({"width": "100%", "height": "auto", "left": 0});

        }
}

有人可以帮忙吗？？？太感谢了！！！ :)

【问题讨论】：

标签： javascript jquery image width

【解决方案1】：

所以你的 var 'newImg' 不知道需要加载什么图像。需要在 new Image() 之后添加...

newImg.src = 'path/to/image.jpg';

这是一个展示这个的 jsfiddle

http://jsfiddle.net/vWGMf/4/

祝你好运！

【讨论】：

我认为这应该解决了高度>宽度||宽度>高度问题:)