simple Java script background image is not working

Question

window.onload = function(){
document.body.style.backgroundImage = "url('a.jpg')";
}

a.jpg is in the same forlder.

but

document.body.style.backgroundColor = "blue";

works fine!

whats going wrong?

Solved : the image path is not relative to javascript file. It is relative to the html document! strange but it worked! Don't know why javascript is designed this way! — user3079491
– user3079491, Commented Dec 8, 2013 at 9:59

Paolo · Accepted Answer · 2013-12-08 09:46:42Z

1

try

document.body.style.background = 'url("a.jpg")';

this way you apply to the body a background style property. Similar as you would do with a CSS declaration. See http://www.w3schools.com/cssref/css3_pr_background.asp

Or, more similar to your code

document.body.style.backgroundImage = "url(a.jpg)";

without the single quotes. See http://www.w3schools.com/cssref/pr_background-image.asp

If still doesn't work then it is the path to the image that's wrong.

answered Dec 8, 2013 at 9:26

Paolo

15.9k28 gold badges73 silver badges95 bronze badges

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

Comments

HIRA THAKUR · Accepted Answer · 2013-12-08 09:33:49Z

0

window.onload = function(){
document.body.style.backgroundImage = "url(a.jpg)";
}

fiddle:Demo

answered Dec 8, 2013 at 9:27

HIRA THAKUR

17.8k14 gold badges60 silver badges88 bronze badges