2016年3月28日

モーダルウィンドウのリサイズ

ウィンドウサイズによって、モーダルウィンドウがリサイズするようにした。
モバイルサイズまでは90%でそれ以上は固定値。
リサイズ中何度も処理がよばれないようにしている。
予期したとおりに動いたからきっとこれでいい。。
なんか間違ってる気もするけどこれでいい。。

$(function(){
	var resizeTimer = null;
	$(window).on('resize', function(){
		clearTimeout(resizeTimer);
		resizeTimer = setTimeout(function(){
			var w = $(window).width();
			var x = 767;
			if (w <= x){
				$.colorbox.resize({width:"90%", height:"90%"});
				$(".inline").colorbox({maxWidth:"90%",maxHeight:"90%"});
			}else{
				$.colorbox.resize({width:"750px",height:"500px"});
				$(".inline").colorbox({maxWidth:"750px",maxHeight:"500px"});
			}
		}, 200);
	});
});

コメントする