0

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

        }
}

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

4

1 回答 1

1

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

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

这是一个显示这个的jsfiddle

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

祝你好运！

于 2013-09-19T13:32:16.783 回答