Random Background Image with Javascript

Question

I'm tring to show randomly a full background image, but I con't.

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";

Taking blank screen.

My 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%;
}

What can the reason be?

Andrew · Accepted Answer · 2015-12-31 22:10:52Z

4

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

should be

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

answered Dec 31, 2015 at 22:10

Andrew

7085 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

sakarya Over a year ago

no. not working. Now Firefox getting TypeError: document.body is null error.

Rohit Gupta · Accepted Answer · 2016-01-01 00:20:02Z

0

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

now works..

edited Jan 1, 2016 at 0:20

Rohit Gupta

4,27723 gold badges36 silver badges47 bronze badges

answered Dec 31, 2015 at 22:16

sakarya

3934 silver badges19 bronze badges

1 Comment

TrojanMorse Over a year ago

you might want to mark and accept the accepted answer below if it worked for you and got you to the answer :)

Collectives™ on Stack Overflow

Random Background Image with Javascript

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related