Fear-Art | Agencja interaktywna, strony internetowe, sklepy internetowe.

Poniższy przykład pokazuje jak przy pomocy jQuery w prosty sposób ustawić obiekt na środku sceny (okna przeglądarki).

Obiekt jest automatycznie wyśrodkowywany, wertykalnie oraz horyzontalnie, w trakcie zmiany wielkości okna.

 

$(document).ready(function() {
    $(window).resize(function() {
        gotoCenter();
   });

 

 

 

function gotoCenter () {
        var mywidth = $(document).width()/2;
        var myheight = $(document).height()/2;
        var objwidth = $('.contrainer').width()/2;
        var objheight = $('.contrainer').height()/2;
        $('.contrainer').css('left', mywidth-objwidth);
        $('.contrainer').css('top', myheight-objheight);
        }
   gotoCenter();
});

DEMO