モーダルウィンドウのリサイズ
ウィンドウサイズによって、モーダルウィンドウがリサイズするようにした。
モバイルサイズまでは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);
});
});

コメントする