W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

ID:a0RycB さんの質問

jquery の問題です。
画像のサイズをロード時とリサイズ時に
ウインドウ幅にあわせて変えたいというものなのですが

load時は動くのですが、
なぜかリサイズのイベントだけ動きません。

達人の方々ご教授願えませんでしょうか?

var Bg=$("#bg img");
var wW =$(window).width();

function ResizeBg(){
Bg.css({
width:wW,
height:"auto"
});
}

$(window).on("load resize", function(){
ResizeBg();
});

みんなの回答 2 件

ID:KNrakO さんの回答

急募って無料で教えて貰う立場なのにどうして期限を決めるの?仕事じゃないよ?

あと、「簡単なもの」って簡単だったら自分でできるんじゃない?

ID:a0RycB

すいませんでした、イラとしたなら外します。

ID:EIbxhN さんの回答

まずloadとresizeを一緒にせずに分けましょう。んで、wWが最初に取得した値がずっとはいっているので、resizeのたびにw W =$(window).width(); を取得しましょう。

ID:a0RycB

ありがとうございます!
そうでした!基礎ですよね。
動きました。

ただ、よく考えたら、CSSだけで簡単出来る内容でした。。。
お恥ずかしい。

#bg img{
width: 100%;
height: auto;

}

最終更新日:2015-03-30 (1,594 views)

関連するトピックス

ページ上部に戻る