ウィンドウの高さによって画像のサイズも変更したい

質問

よろしくお願いいたします。

ウィンドウサイズの高さが800px以下の場合、
〇〇.jpgを80%のサイズで表示させたいのですが、
うまく行かず、質問させていただいました。

下記のように書いてみたのですが、
全く動かず。。

$(document).ready(function(){
var HHeight = $(window).height();
if(HHeight <= 800){
$(".wrap img").attr({width: "60%"});
}else{
$(".wrap img").attr({width: "100%"});
}
});

すごく検討違いな書き方なのかもしれません・・。

ご存知の方おられましたら、アドバイスいただければと思います。
javascriptでもjqueryでもどちらでもかまいません。
どうぞよろしくお願いいたします。

回答No.1

LancerVII · ベストアンサー

こんにちは。

うまくいかないとはどのような現象が起きているのでしょうか。

$('img').css ({
width: '80%',
height: '80%'
});

これで以下のようにスタイルシートとして追加されます。
style="width:80%;height:80%;"

お礼

ご回答いただきまして、ありがとうございます。
なんとか自力で解決することが出来ました！
説明不足で大変失礼いたしました。