-5

幅が> 400pxの場合、ページ内のすべての画像のサイズを変更したい

私はこのコードで試します

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

しかし、何も機能せず、ページには10枚以上の写真があり、id my_imgがあります

imgタグ

img src='tttttt.jpg' id="my_img"

どうすればサイズを変更できますか?

テンプレートがあり、img の幅が 400px を超えないようにしたいので

4

3 に答える 3

1

これにはCSSを使用できませんか？

max-width:400px;

また、ダイダロスが言ったように、1 つのドキュメントで同じ ID を複数回使用することは無効な html です。

于 2012-10-11T09:43:15.413 に答える
0

まず、同じid. 上記のコメントで述べたように、class代わりに a を使用します。

あなたの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 は、対応するルールに一致する場合、最初の 3 つの画像のサイズを変更します。

$(document).ready(function() {
    $('.my_img').each(function(index,value) {
        if ($(value).width() > 380) {
            $(this).css('width', 380);
        }
    });
});​
于 2012-10-11T09:54:43.510 に答える
0 
<script>
    jQuery(document).ready(function(){
        jQuery(".my_img").each(function(e){
            if(e.width()>380){
                jQuery(this).attr('width','380');
            }
        });
    });
</script>
于 2012-10-11T09:43:56.033 に答える