中心背景图像适合任何监视器

Question

我有两个背景图像，使用setTimeout自动滚动Jquery，两个图像都是1920x1080像素。在构建网站的过程中，我正在使用尺寸确切的显示器，并且从未意识到在笔记本电脑上查看网站时，图像会被切断。

我希望无论用户具有什么屏幕尺寸，图像总是居中。现在，如果某人有1200像素宽的显示器，它只显示图像宽度的前1200像素。我尝试使用“background-position：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]);
});