change background image in body

by

You would need to use Javascript for this. You can set the style of the background-image for the body like so.

var body = document.getElementsByTagName('body')[0];
body.style.backgroundImage="url(http://localhost/background.png)";

Just make sure you replace the URL with the actual URL.

More Related Contents:

  1. How to do this mouse over effect in jquery?
  2. Download the text over image using jquery
  3. How to change the style of alert box?
  4. Replacing css file on the fly (and apply the new style to the page)
  5. How to autosize a textarea using Prototype?
  6. How to get background image URL of an element using JavaScript?
  7. Can you control GIF animation with Javascript?
  8. How to silently hide “Image not found” icon when src source image is not found
  9. Webkit-based blurry/distorted text post-animation via translate3d
  10. How to Include CSS and JS files via HTTPS when needed?
  11. Setting CSS value limits of the window scrolling animation
  12. How to add anything in through jquery/javascript?
  13. Load less.js rules dynamically
  14. Check browser CSS property support with JavaScript?
  15. scrollTop animation without jquery [duplicate]
  16. programmatically changing webkit-transformation values in animation rules
  17. Get element’s custom css properties (-mystyle) using JavaScript
  18. link element onload
  19. CSS fade left to right
  20. What are the possible ways to hide an element via CSS [closed]
  21. unable to scroll in scrollView
  22. What are some good ways to prevent people from copying my source code? [closed]
  23. Images not loading when relative path is used in React
  24. Auto Mobile Site Redirect
  25. Styling Vuetify selectors
  26. Is it possible to make input fields read-only through CSS?
  27. Freeze Header until Irrelevant (HTML, CSS and JS)
  28. Add CSS styled marker to google maps
  29. Bootstrap Dropdown menu is not working
  30. using javascript to mark a link as visited

Leave a Comment