2012-04-10 10 views
0

imgの高さに応じてimgの幅を変更する必要があります。 jQueryのheightプロパティを使用しましたが、動作しません。以下の私の機能を見てください。imgの高さに応じてimgの幅を変更する方法

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

「動作しません」と定義してください。あなたは何が起こると思いますか、本当に何が起こりますか、それを修正しようとしましたか? –

+0

私は1200px幅の画像を持っていますが、このサイズを変更することはできませんが、このimgを310x210ボックスに合わせる必要があります。しかし、私がロードする画像に210未満の高さがある場合は、サイズを変更する必要があります。 – Lukas

+0

ありがとうございます。あなたは今、「何が起こると思いますか」と答えました。残りの部分を手伝ってもらえますか?本当に何が起こるのですか?何を修正しようとしましたか? –

答えて

5

あなたは試してみてください

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

単一の要素については、

$(function(){ 
    if ($('.offer_img')[0].height() < 210) 
     $('.offer_img').width(360); 
}); 
関連する問題