Loading

jQueryで画像の横幅・高さが取得できなかった時の処方箋

stainless-note:

jQueryで画像の高さを取得しようとしたら失敗してしまった

複数の画像の高さを取得して、レイアウトを調整しようとしたのだがうまくいかない。
その時のHTMLは以下↓のようになっていた。

<div id="photo_list">
    <img src="photo1.jpg" width="100" />
    <img src="photo2.jpg" width="100" />
    <img src="photo3.jpg" width="100" />
</div>

javascript(jQuery)はこう↓

$(function(){
    var photos = $('#photo_list img');
	var max_height = 0;
	
	$.each(photos,function(){
		if( max_height < $(this).height() ){
			max_height = $(this).height();
		}
	});
    
    $('#photo_list').height(max_height);
});

画像をfloatで横並びにしたので、その親要素の高さを画像の中で一番大きいサイズに合わせたかった。
が、高さの取得結果がまさかの「0」。

ちなみに、読み込まれる画像は動的に変化するため高さを予め指定することはできない。
横幅(width)のみを指定してるので、ブラウザの自動リサイズによって高さが決まる。

試しに、$(this).width();で横幅を取得してみると、こちらは「100」と正常に返ってくる。

これは、横幅は明示的に指定していて、高さは指定していないから。
・・・ということなのだろう。
ん〜じゃあどうしたらいいの?っとググッてみると、対処法がわかった。

Read More

magictransistor:

Bardo Thödol

costiwednesday:

By Lissy Elle

西洋版鉢かづき姫

nakedrussia:

llttlesophie:

gifcraft:

Bunny falls asleep

bun didn’t actually fall asleep!! bunnies flop over like this when they feel safe and comfortable in their environment. they rarely stretch out and lay down because they’re prey animals, so when ur bun does completely lays on their side or their back, it means they feel 10000% safe around you

ふおおおお!!!かわゆす!!!

puppet:

Alice Rabbit by +薰+ on Flickr.

puppet:

Lupicia (by madeleine♥)

puppet:

_MG_6903 by m0n_cheri on Flickr.

miahanamura:

Joan Smalls by Solve Sundsbo

shabazznapier:

deathexe:

smooth

This is the greatest move of all time

なんか赤司よりもやらしい気がするアンクルブレイク

aurorae:

doze in a coach (by toshi*)

aurorae:

doze in a coach (by toshi*)