Question

我已经编写了这个函数来自动调整嵌套在指定div中的未知数量的图像。换句话说，宽度应始终为225像素，高度应相对于原始图像大小进行更改。

不幸的是，我的代码似乎不起作用，警报总是返回＆＃34; null＆＃34;。我究竟做错了什么？非常感谢。

$(function resizeImg() {
var height = new Array();
var width = new Array();
var newHeight = new Array();
var count = $(".floatRight").find('img').length;
if ($("img").parent().hasClass("floatRight")) {
    for ( i = 0; i < count; i++) {
        height[i] = $("img:eq(i)").height();
        width[i] = $("img:eq(i)").width();
        newWidth = 225;
        newHeight[i] = (newWidth*height[i])/width[i];
        $("img:eq(i)").css({
                "height": newHeight[i],
                "width": newWidth
                });
        alert (height[i]);
        alert (width[i]);
    }
}
});

Answer 1

删除您的代码并将以下CSS放在您的网页上：

<style>
  .floatRight img{
    width:225px;
  }
</style>

应该这样做......

使用jquery自动调整图像大小

1 个答案: