Question

Hi
Suppose I have several image with different width and height, I want all of them to fit in the img tag with 200 width and 200 height and direct proportion(image won’t be distortion).

How can I do it in PHP or Jquery?

Thanks

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/