We help IT Professionals succeed at work.

Javascript change background image of div

suroma asked
Medium Priority
Last Modified: 2012-06-27
My javascript seems to work Ok with the text changing fine and the background image seems to be changed (it shows me the correct path in the alert) but the image does not show. Help!
<script type="text/javascript">
        function changeDivImage(ImageURL,ImageText) {
            document.getElementById('desc').innerHTML = ImageText;
            document.getElementById('headerimage').style.backgroundImage = 'url(' + ImageURL + ')';
            alert( document.getElementById('headerimage').style.backgroundImage)
                        <li id="liOne" class="one"><a href="#" onclick="javascript:changeDivImage('../images/headerbantham.jpg','Bantham,Devon')"><img src="images/1x1.gif" height="20px" width="20px" alt="" style="padding:0; margin:0;" /></a></li>
                        <li id="liTwo" class="two"><a href="#" onclick="javascript:changeDivImage('../images/headertorquay.jpg','Torquay,Devon')"><img src="images/1x1.gif" height="20px" width="20px" alt="" /></a></li>

Open in new window

Watch Question

Changed it to .background and it now works....

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.