Question

我有一个固定宽度和高度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});

        }
}

任何人都可以帮忙吗？非常感谢！！！：）

Answer 1

所以你的var'newImg'不知道需要加载什么图像。您需要在新的Image（）...

之后添加

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

这是一个显示此

的jsfiddle

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

祝你好运！

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

1 个答案: