html随机背景图,网页的随机背景图

我想找到一种方法，我可以有一个图像，占用整个浏览器窗口和响应。每次页面加载时，我都希望背景图像能够从我本地选择的一组照片中进行更改。网页的随机背景图

我已经在这里尝试了一些解决方案，但没有什么是真正的工作。在HTML我有是：

的CSS我是：

body {

margin: 0;

}

#container {

width: 100%;

height: 100%;

margin: 0;

}

#backgroundImage {

width: 100%;

position: fixed;

top: 0;

left: 0;

}

html, body {

overflow: none !important;

overflow-x: none !important;

overflow-y: none !important;

}

一，我已经试过了JS的解决方案是这样的：

var image = new Array();

image[0] = "http://placehold.it/20";

image[1] = "http://placehold.it/30";

image[2] = "http://placehold.it/40";

image[3] = "http://placehold.it/50";

var size = image.length

var x = Math.floor(size*Math.random())

$('#backgroundImage').attr('src',image[x]);

+0

你有你已经试过JavaScript代码，没有工作的例子吗？ –

+0

@Bastiaanus对不起，只是包括了它 –