Допустим, у вашего основного блока контента есть идентификатор 'main'.
в нажатии вашей кнопки, перед загрузкой контента и т. Д. Do:
var pos = $('#main').offset();
var size = { w: $('#main').outerWidth(), h: $('#main').outerHeight() };
$('<div class="main_overlay"></div>')
.css({left: pos.left+'px', top: pos.top+'px', width: size.w+'px', height: size.h+'px'})
.appendTo('body');
в файле CSS, добавьте:
.main_overlay {
position: absolute;
background-color: #fff;
opacity: 0.5;
}
один раз, все загружено, и вы готовы разблокировать, выполните:
$('.main_overlay').remove();