Image location in url tag in javascript

Question

I have a variable in which I populate the image location dynamically.

I need to change the background image with that variable. I am not able to find a way to do that.

var myImg = '/images/example1.jpg';

document.body.style.background = "url(myImg) no-repeat";

This doesn't seem to work.

Is there a syntax issue or should this be done in a different way?

Explosion Pills · Accepted Answer · 2013-03-22 19:38:21Z

1

myImg is the literal word in side the string. Use concatenation to use the variable:

document.body.style.background = "url(" + myImg + ") no-repeat";

answered Mar 22, 2013 at 19:38

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

1 Comment

Thanks a lot for the answer. I am just learning. Really appreciate the quick help..

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

I like this way

var bodyStyle = document.body.style;

bodyStyle.backgroundImage = 'url(' + yourImage + ')';

bodyStyle.backgroundRepeat = 'no-repeat'

CommunityBot

11 silver badge

answered Mar 22, 2013 at 19:46

jslayer

4843 silver badges11 bronze badges