jQuery/PHP - 調整圖像的比例直接調整大小

Question

嗨
假設我有幾幅不同寬度和高度的圖像，我希望它們都適合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

從this tutorial：

• 我們假設縮略圖應爲100個像素，無論是寬或高。
• 我們加載原始圖片，並檢查其尺寸。
• 如果圖片比寬高，我們將大拇指的高度設置爲100像素。
• 縮略圖的寬度是原始寬度乘以100像素除以其高度。
• 縮略圖height =原始寬度*（100 /原始高度）
• 這樣我們就保留了原始的寬高比。
• 如果原始圖片比寬高，我們對縮略圖的高度也做同樣的處理。
• 如果它們相同，我們只需創建一個100x100像素的圖像。

國際海事組織調整大小的圖像與jQuery是一種不好的做法，我建議你不應該這樣做，如果你可以使用GD庫。

Answer 3

這將限制所有圖像帶班「形象」是< = 200x200px

如果你希望它是一個完美的200×200箱，在200x200px DIV

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