CODEWITHSUNDEEP
javascriptjqueryhtmlcss
Toni_Entranced
Toni_Entranced

Reputation: 979

Changing page background via Javascript

I have been trying to get this to work for the past 6 hours and I am just unable to do it right. I've looked at the questions and solutions on SO as well to no avail. What am I doing horribly wrong?!?

All I have is a html5 page with no background. In my javascript code I call upon this method when the document is ready:

/*
 * Initializes the landing page.
 */
function initializeLanding(){
    $('body').css({
        'backround':'url("http://40.media.tumblr.com/290e7a272b492735ddf8cd968e657d05/tumblr_nhmg6xYnv41u7ns0go1_1280.jpg")'
    });
}

It should be something stupidly simple, and yet here I am. I've tried using single quotes, double quotes, without multiple attributes, etc. I would also much rather not use CSS or DOM properties to change the background, as I have set up way points along the page to change the background upon scrolling past them.

Also, if I call the .css() method and put in new attributes, will it overwrite all the old ones, or just the stated attributes in the latest css() call?

Update: here is where I call the function:

  var main = function(){                                                          
      $(".owl-carousel").owlCarousel();                                           
      lorem();                                                                    
      initializeLanding();                                                        
  }                                                                               
  $(document).ready(main);

Upvotes: 0

Views: 68

Answers (2)

Nishit Maheta
Nishit Maheta

Reputation: 6031

check this demo

you have a spelling mistake. replace backround to background

 function initializeLanding(){
    $('body').css({
    'background':'url("http://40.media.tumblr.com/290e7a272b492735ddf8cd968e657d05/tumblr_nhmg6xYnv41u7ns0go1_1280.jpg")'
    });  
  }

Upvotes: 3

sachin.ph
sachin.ph

Reputation: 1078

you have a spelling mistake.

backround => background.

Upvotes: 7

Related Questions