Question

需要jquery图像调整大小，如图像宽度＆gt; 400然后使用调整大小宽度：50％，像100X100那样较小的其他图像不需要调整大小。

我使用此代码

var max_size = 400;
$(".comment p.message a.fancy img").each(function(i) {
  if ($(this).height() > $(this).width()) {
    var h = max_size;
    var w = Math.ceil($(this).width() / $(this).height() * max_size);
  } else {
    var w = max_size;
    var h = Math.ceil($(this).height() / $(this).width() * max_size);
  }
  $(this).css({ height: h, width: w });
});

但这段代码不检查较小的图像。

Answer 1

试试这个：http://jsfiddle.net/aJffu/2/

var maxsize = 400;

$("#images img").each(function() {
    var t = $(this);
    var maxdim = Math.max(t.width(), t.height());
    if (maxdim > maxsize) {
        t.css({
            width: t.width() / 2,
            height: t.height() / 2
        });
    }
});

如果宽度或高度超过maxsize，则图像的大小减半。不应该很难根据您的具体需求进行调整。例如，this version会对图片进行缩放，使得最长尺寸为maxsize。

使用jquery调整图像大小

1 个答案: