// JavaScript Document $(function(){ // 縲�.modal-open縲阪ｒ繧ｯ繝ｪ繝�け $('.modal-open').click(function(){ // 繧ｪ繝ｼ繝舌�繝ｬ繧､逕ｨ縺ｮ隕∫ｴ�繧定ｿｽ蜉� $('body').append('

'); // 繧ｪ繝ｼ繝舌�繝ｬ繧､繧偵ヵ繧ｧ繝ｼ繝峨う繝ｳ $('.modal-overlay').fadeIn('slow'); // 繝｢繝ｼ繝€繝ｫ繧ｳ繝ｳ繝�Φ繝��ID繧貞叙蠕� var modal = '#' + $(this).attr('data-target'); // 繝｢繝ｼ繝€繝ｫ繧ｳ繝ｳ繝�Φ繝��陦ｨ遉ｺ菴咲ｽｮ繧定ｨｭ螳� modalResize(); // 繝｢繝ｼ繝€繝ｫ繧ｳ繝ｳ繝�Φ繝�ヵ繧ｧ繝ｼ繝峨う繝ｳ $(modal).fadeIn('slow'); // 縲�.modal-overlay縲阪≠繧九＞縺ｯ縲�.modal-close縲阪ｒ繧ｯ繝ｪ繝�け $('.modal-overlay, .modal-close').off().click(function(){ // 繝｢繝ｼ繝€繝ｫ繧ｳ繝ｳ繝�Φ繝�→繧ｪ繝ｼ繝舌�繝ｬ繧､繧偵ヵ繧ｧ繝ｼ繝峨い繧ｦ繝� $(modal).fadeOut('slow'); $('.modal-overlay').fadeOut('slow',function(){ // 繧ｪ繝ｼ繝舌�繝ｬ繧､繧貞炎髯､ $('.modal-overlay').remove(); }); }); // 繝ｪ繧ｵ繧､繧ｺ縺励◆繧芽｡ｨ遉ｺ菴咲ｽｮ繧貞�蜿門ｾ� $(window).on('resize', function(){ modalResize(); }); // 繝｢繝ｼ繝€繝ｫ繧ｳ繝ｳ繝�Φ繝��陦ｨ遉ｺ菴咲ｽｮ繧定ｨｭ螳壹☆繧矩未謨ｰ function modalResize(){ // 繧ｦ繧｣繝ｳ繝峨え縺ｮ讓ｪ蟷�€�ｫ倥＆繧貞叙蠕� var w = $(window).width(); var h = $(window).height(); // 繝｢繝ｼ繝€繝ｫ繧ｳ繝ｳ繝�Φ繝��陦ｨ遉ｺ菴咲ｽｮ繧貞叙蠕� var x = (w - $(modal).outerWidth(true)) / 2; var y = (h - $(modal).outerHeight(true)) / 2; // 繝｢繝ｼ繝€繝ｫ繧ｳ繝ｳ繝�Φ繝��陦ｨ遉ｺ菴咲ｽｮ繧定ｨｭ螳� $(modal).css({'left': x + 'px','top': y + 'px'}); } }); });