Question

您好
假设我有几个不同宽度和高度的图像，我希望它们都适合img标签，宽度为200，高度为200，并且比例正确（图像不会失真）。

如何在PHP或Jquery中完成？

由于

Answer 1

var max = 200;
$('img').each(function ()
{
    var $this = $(this);
    if ($this.height() > $this.width())
    {
        $this.height(max);
    }
    else
    {
        $this.width(max);
    }
});

http://jsfiddle.net/mattball/qtVkT/

Answer 2

这将限制具有“图像”类的所有图像为＆lt; = 200x200px

如果你想要它是一个完美的200x200盒子，请用200x200px div包装

$('.image').each(function(){
   var $this = $(this);
   $this[$this.width() > $this.height() ? 'width' : 'height'](200);
});

Answer 3

来自this tutorial：

我们假设缩略图应为100像素，宽或高。
我们加载原始图片，并检查其尺寸。
如果图片高于宽，我们将拇指的高度设置为100像素。
缩略图的宽度是原始宽度乘以100像素除以其高度。
缩略图高度=原始宽度*（100 /原始高度）
这样我们就可以保留原始宽高比。
如果原始图片宽于高，我们会对缩略图的高度执行相同操作。
如果它们相同，我们只需创建一个100x100像素的图像。

IMO使用jQuery调整图像大小是一种不好的做法，我建议你不要这样做，如果你可以使用GD库。

jQuery / PHP - 直接调整图像大小

3 个答案: