Jquery 将背景图像居中以适合任何显示器

我有两个背景图像，通过Jquery使用setTimeout自动滚动，两个图像都是1920x1080像素。在创建网站时，我正在使用一个大小正好如此的显示器，但我从未意识到，例如在笔记本电脑上查看网站时，图像会被切断

我希望无论用户的屏幕大小如何，图像始终居中。现在如果有人有一个1200像素宽的显示器，它只显示图像宽度的前1200像素。我尝试使用“backgroundposition:center”，但它只破坏了我的jquery代码

我还应该提到，下面的Jquery代码运行良好，我只是不能添加一个属性，使背景始终以用户计算机为中心

$(function () {
var body = $('body');
var backgrounds = new Array(
   'url(images/hso-evening-boardwalk-background.jpg)',
   'url(images/hso-palmtree-background.jpg)' 
);


var current = 0;

function nextBackground() {
    var bckg = backgrounds[current = ++current % backgrounds.length];
    var tmpDIV = $('<div/>', {
        id: "tmpDIV"
    }).prependTo('body').hide().css({
        position: "absolute",
        zIndex:-1,
        top:0,
        left:0,
        height: $(window).height(),
        width: $(window).width(),
        background: bckg
    }).fadeIn( 1500, function () {
        body.css('background',bckg);
        $(this).remove();
    });


    setTimeout(nextBackground, 8000);

}
setTimeout(nextBackground, 8000);
body.css('background', backgrounds[0]);
}); 

$（函数（）{
变量body=$（'body'）；
var backgrounds=新数组(
“url（images/hso night boardwalk background.jpg）”，
'url（images/hso palmtree background.jpg）'
);
无功电流=0；
函数nextBackground（）{
var bckg=背景[当前=+当前%背景.length]；
变量tmpDIV=$（''{
id:“tmpDIV”
}).prependTo（'body'）.hide（）.css({
位置：“绝对”，
zIndex:-1，
排名：0，
左:0,，
高度：$（窗口）。高度（），
宽度：$（窗口）.width（），
背景：bckg
}).fadeIn（1500，函数（）{
body.css（“背景”，bckg）；
$（this.remove（）；
});
设置超时（下一个背景，8000）；
}
设置超时（下一个背景，8000）；
css（'background'，backgrounds[0]）；
}); 

查看

背景尺寸：封面css样式不，不起作用。似乎我在当前代码中添加的任何css样式都会破坏它。。。