如何根據img高度更改img寬度

我需要根據img高度更改img寬度。我使用jQuery高度屬性，但它不起作用。請參閱下面的我的功能。如何根據img高度更改img寬度

$(function imagesSizer(){ 
    var img = document.getElementsByClassName('.offer_img'); 
    if ($('.offer_img').height() < 210) { 
     $('.offer_img').css('width','360px') 
    } 
});

來源

2012-04-10 Lukas

請定義「不起作用」。你期望發生什麼，真正發生了什麼，以及你試圖解決它的是什麼？ – 2012-04-10 12:38:25

我有1200px寬度的圖像，我無法更改此大小，但我需要將此img安裝到310x210框。但是，如果我將加載的圖像的高度小於210，我需要調整它的大小。 – Lukas 2012-04-10 12:46:31

感謝您的回覆。你現在回答「你期望發生什麼。」你能幫助我們處理剩餘的部分嗎？真的發生了什麼？你有什麼試圖解決它？ – 2012-04-10 12:50:22

你應該嘗試

//Wait until the DOM is ready 
$(function(){ 
    //get all images and iterate over them 
    $('.offer_img').each(function(){; 
     //if the height of this img is < 210 
     if ($(this).height() < 210) { 
      //set the width to 360 
      $(this).width(360); 
     } 
    }); 
});

來源

2012-04-10 12:39:06

變化

var img = document.getElementsByClassName('.offer_img');

到

var img = document.getElementsByClassName('offer_img');

https://developer.mozilla.org/en/DOM/document.getElementsByClassName

來源

2012-04-10 12:39:40 Johan

雖然你是正確的，但那條線有與其他代碼完全沒有關係，應該完全刪除。 – 2012-04-10 12:44:05

確實，只是想指出:-) – Johan 2012-04-10 12:49:40

對於單個元素，

$(function(){ 
    if ($('.offer_img')[0].height() < 210) 
     $('.offer_img').width(360); 
});

來源

2012-04-10 12:44:56 allenhwkim

如何根據img高度更改img寬度

回答

相關問題