JS LOOKBOOK ウィンドウのサイズに併せて拡大縮小するようにした

javascript

ブラウザウィンドウのサイズに併せて、ギャラリーが拡大縮小するようにしてみた。*1

http://ynakajima.net/jslookbook/
※Firefox2,IE6,Safari3,Opera9 で確認済み。*2

ウィンドウサイズ取得に関してのメモ

jQuery でウィンドウの高さを取得する場合 $(window).height() と書けばいいはず。
しかし、Firefox だと $(document).height() と同じ値が帰ってくるという困った現象に遭遇。

しょうがないので、windowサイズ取得部分は自力で書いてみた。

参考：ブラウザの表示領域のサイズを取得する方法。

if(jQuery.browser.opera) { //Opera (document.documentElement.clientHeightが存在するため先に処理)
	var _height = document.body.clientHeight;
} else if(typeof document.documentElement.clientHeight == 'number') { //Firefox IE Safari3
	var _height = document.documentElement.clientHeight;
} else if(typeof window.innerHeight == 'number') {　//Safari2
	var _height = window.innerHeight;
} else {　//その他のブラウザの場合
	var _height = 600;	
}

*1:ギャラリー以外は拡大縮小しない

*2:Safari2では動かない...