1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
| function SetDim(theContainer){
var objWidth=$(theContainer).children().width();
var objHeight=$(theContainer).children().height();
$(theContainer).css( 'width',objWidth );
$(theContainer).css( 'height',objHeight );
}
function CenterItem(theItem){
var winWidth=$('.mainframe').width();
var winHeight=$('.mainframe').height();
var windowCenter=winWidth/2;
var itemCenter=$(theItem).width()/2;
var theCenter=windowCenter-itemCenter;
var windowMiddle=winHeight/2;
var itemMiddle=$(theItem).height()/2;
var theMiddle=windowMiddle-itemMiddle;
if(winWidth>$(theItem).width()){ //horizontal
$(theItem).css('left',theCenter);
} else {
$(theItem).css('left','0');
}
if(winHeight>$(theItem).height()){ //vertical
$(theItem).css('top',theMiddle);
} else {
$(theItem).css('top','0');
}
}
$(document).ready(function() {
SetDim('.container');
CenterItem('.container');
});
$(window).resize(function() {
SetDim('.container');
CenterItem('.container');
}); |