jquery - width() を使用して画像の幅を変更する方法は?

Question

私はSOとインターウェブを見回しましたが、明確な答えを見つけることができませんでした. これは初心者のjQueryの質問です。:)

.width() を使用して、#imgwrap などの div の幅を取得し、その幅を img src に出力するにはどうすればよいですか... Automattic の Jetpack を使用して動的に画像のサイズを変更しています。

ありがとう！

<img src="http://i2.wp.com/google.com/intl/en_ALL/images/logos/images_logo_lg.gif?resize=[widthgoeshere],205" />

Answer 1

jQuery("img").attr("src","http://i2.wp.com/google.com/intl/en_ALL/images/logos/images_logo_lg.gif?resize="+jQuery("#imgwrap").width()+",205");

Answer 2

jQueryのほとんどのゲッターにはペアのセッターがあります。2つの違いは、引数を指定するかどうかです。widthの場合、設定したい場合はwidth引数を指定できます

 var divWidth = $('#myDivID').width();
 $('#imageID').width(divWidth);

編集 OKコメントに続いて、代わりにsrc属性を設定する必要があります。attr(attributeName,value)メソッドを使用して任意の属性を設定できます

あなたの場合、attributeNameは'src'次のようになり、valueは以下の例のùrl`になります。

 var divWidth = $('#myDivID').width(),
     url = "http://i2.wp.com/google.com/intl/en_ALL/images/logos/images_logo_lg.gif?resize=" + divWidth + ",205";
 $('#imageID').attr('src', url);

Answer 3

var divWidth = $('#myDivID').width();
$('#imageID').css('width',divWidth);

動作するはずです