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();
});
KOMENTARZE