Background image change

brenkton · 01-12-2012, 02:03 AM

Hi there,

I'm trying to change the background image of a page (with setInterval eventually, but this is just a button to test it for now). The background image is appearing fine, and the alternate image is nice.

Code:

<body style="background-image:url('img/backg.jpg'); background-size: 100%; background-repeat:no-repeat; background-color: #8ba49e;" onload="backg();">

then this later on in the body:

Code:

<input type="button" value="button" onclick="document.body.style.backgroundImage = 'img/backg1.jpg';">

It's not working. I've also had referred to the background image in onclick as document.body.background and document.body.backgroundImage.

What's gone wrong?

Thanks for your help,
Matt

devnull69 · 01-12-2012, 07:30 AM

Look at the code, it's all there. Inside the body tag, the CSS for background-image is

Code:

url('img/backg.jpg')

but onclick you assign this to backgroundImage

Code:

'img/backg1.jpg'

I bet, you notice the difference :-)