Merhaba arkadaşlar bu yazımda sizlere Ajax Query ile tam ekran arkaplan yapımını göstereceğim.
İlk olarak Ajax Query İndiriniz. veya aşağıdaki adreside kullanabilirsiniz.

Tam ekran için kodlarımız:

$(document).ready(function() {
     var bgImage = $('#background-image');
        function resizeImg() {
          var imgwidth = bgImage.width(),
       imgheight = bgImage.height(),
       winwidth = $(window).width(),
       winheight = $(window).height(),
       widthratio = winwidth / imgwidth,
       heightratio = winheight / imgheight,
       widthdiff = heightratio * imgwidth,
       heightdiff = widthratio * imgheight;
          if(heightdiff>winheight) {
            bgImage.css({
              width: winwidth+'px',
              height: heightdiff+'px'
            });
          } else {
            bgImage.css({
              width: widthdiff+'px',
              height: winheight+'px'
            });
          }
     $("#background-image").show();
        } 
        resizeImg();
        $(window).resize(function() {
          resizeImg();
        }); 
});

Css Kodlarımız:

#background-image{
position:absolute;
top:0;
left:0;
z-index:-10;
overflow: hidden;
width: 100%;
display:none;
}
.content{
font:25px Arial;
padding:10px;
margin:100px;
border:1px solid #FFF;
vertical-align:central;
background:#FFFFFF;
height:500px;
text-align:center;
font-weight:bold;
}

Son olarakda Body tagları arasındaki kodlar

Merhaba Arkadaşlar;

Uygulamayı Önizlemek için tıklayın
Uygulamayı İndirmek / Download için tıklayın

Kolay gelsin :)