Javascript 的随机背景图片

Question

我想随机显示完整的背景图片，但我做不到。

var images = [], 
index = 0;

images[0] = "img/y0.gif";
images[1] = "img/y1.gif";
images[2] = "img/y2.gif";
images[3] = "img/y3.gif";
images[4] = "img/y4.gif";
images[5] = "img/y5.gif";

index = Math.floor(Math.random() * images.length);
document.body.style.background = "url('+images[index]+') no-repeat center center fixed";

黑屏。

我的css:

@import url(http://fonts.googleapis.com/css?family=Advent+Pro:100);
html { 
    margin: 0;
    padding: 0;
    width:100%;
    height:100%;
}
body {
    background-size: cover; 
    height: 100%;
}

可能是什么原因？

Answer 1

"url('+images[index]+') no-repeat center center fixed";

应该是

"url('"+images[index]+"') no-repeat center center fixed";

Answer 2

document.body.style.background = "#fff url('"+images[index]+"') no-repeat center center fixed";

现在可以使用了..

Javascript 的随机背景图片

Random Background Image with Javascript

javascript

css

background-image