Javascript 通过jscript随机选择图像时，图像的动态全尺寸调整问题

我真的希望通过下面的jscript加载的任何图像都是全屏的，基于用户看到的任何监视器分辨率

var randomImages=新数组（“Images/bodybg1.jpg”、“Images/bodybg2.jpg”、“Images/bodybg3.jpg”、“Images/bodybg4.jpg”、“Images/bodybg5.jpg”）

var randomNumber=Math.floor（（randomImages.length-0）*Math.random（））；
$（“#全屏背景图像”）.prop（'src'，randomImages[randomNumber]）

这是HTML

是否有一种方法可以动态调整该图像的大小。我在这里尝试了示例：
http://jsbin.com/okizi5

但是，我似乎无法调整图像的大小。
将图像大小设置为整个页面有效吗


更新

无法使用服务器上的css将图像维度设置为用户的监视器分辨率。但您可以通过脚本访问当前监视器维度。因此，请将以下脚本添加到您的页面

var img = document.getElementById("full-screen-background-image");
img.width = window.screen.width;
img.height = window.screen.height;

更新2

如何设置背景图像的尺寸

$('body').css({
     'background-image': 'url(' + randomImages[randomNumber] + ')', 
     'background-repeat': 'no-repeat', 
     'background-size':  window.screen.width + 'px ' + window.screen.height + 'px' 
});

这确实有效，我希望如果用户手动调整屏幕大小，我相信它会随着浏览器窗口自动调整大小，但这不是我想要的，我已经更新了如何使用显示器分辨率的答案，请检查安德烈-如果我给的图像是真实的身体背景图像，你如何用getElemntalbyID抓住它$（'body'）.css（{'background image'：'url（'+randomImages[randomNumber]+'））}）；