使用 jquery 自动调整图像大小

Question

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

不幸的是，我的代码似乎无法正常工作，而且警报总是 returns "null"。我究竟做错了什么？非常感谢。

$(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 自动调整图像大小

Automatically resize images with jquery

jquery

resize

image