Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Oct 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Background image change

    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

  • #2
    Senior Coder
    Join Date
    Dec 2010
    Posts
    2,391
    Thanks
    11
    Thanked 568 Times in 561 Posts
    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 :-)


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •