調整所有影像時，如果寬度>東西的jQuery

-5

我要調整所有的圖像在一個頁面，如果寬度>例如400像素調整所有影像時，如果寬度>東西的jQuery

我嘗試使用此代碼

var img_width = $("#my_img").width(); 
//alert(img_width) 
if(img_width > 380){ 
$("#my_img").width('380'); 
}

，但沒有一點工作，並在頁我有超過10 PIC Ti具有ID my_img

img標籤

IMG SRC = 'tttttt.jpg' ID = 「my_img」

我如何調整它？

怎麼我有一個模板，我不想IMG的寬度大於400像素

來源

2012-10-11 مبرمج السلطنة

它是無效的HTML有超過一個具有相同'id'的項目。改用'class'es。 – Daedalus

你不能使用CSS呢？

max-width:400px;

而像代達羅斯使用同一ID多次在一個文件是無效的HTML說。

來源

2012-10-11 09:43:15

感謝瑞克奎博斯先生使用最大寬度 –

如果這解決了您的問題，請不要忘記接受此答案作爲接受的答案。 –

<script> 
    jQuery(document).ready(function(){ 
     jQuery(".my_img").each(function(e){ 
      if(e.width()>380){ 
       jQuery(this).attr('width','380'); 
      } 
     }); 
    }); 
</script>

來源

2012-10-11 09:43:56

首先，具有相同的id以上的多個項目是無效的html。正如我在上面的評論中所說的，改用class。

假設你的HTML是這樣的：

<img class="my_img" src="someurl" style="width: 390px;" /> 
<img class="my_img" src="someurl" style="width: 390px;" /> 
<img class="my_img" src="someurl" style="width: 390px;" /> 
<img class="my_img" src="someurl" style="width: 340px;" />

以下jQuery將調整前三個圖像，因爲它們匹配相應的規則：

$(document).ready(function() { 
    $('.my_img').each(function(index,value) { 
     if ($(value).width() > 380) { 
      $(this).css('width', 380); 
     } 
    }); 
});

來源

2012-10-11 09:54:43 Daedalus

調整所有影像時，如果寬度>東西的jQuery

回答

相關問題