Wie ändere ich eine Img-Breite in Abhängigkeit von der Höhe img

Question

Ich muss img Breite abhängig von img Höhe ändern. Ich habe die jQuery-Eigenschaft height verwendet, funktioniert aber nicht. Bitte beachten Sie meine Funktion unten.

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

Answer 1

sollten Sie versuchen,

//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); 
     } 
    }); 
}); 

Answer 2

ändern

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

zu

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

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

Answer 3

Für ein einzelnes Element

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