Jquery not adding an background image to div

Question

I have a function that is adding a background-image to my div. But its not showing.

this is my function

var totalCount = 6;
function changeBackground()
{
    var num = Math.ceil( Math.random() * totalCount );
    backgroundUrl = '/background/test2/'+num+'.jpg';

    $('#background').css('background-image, url('  +backgroundUrl+  ')');
}

changeBackground();

The image changes everytime that the the page gets refreshed. I know that part is working because if i change

$('#background').css('background-image, url('  +backgroundUrl+  ')');

to

document.body.parentNode.style.backgroundImage = 'url(background/test2/'+num+'.jpg)';

it shows me the image like i wanted. But on the html tag. I want it on the div, so i can fade it in with jQuery.

here is my CSS

#background {
width:100% !important;
height:100% !important;
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
    background-size: cover;
}

i don't get any error's in the console and when i look up the css nothing is added in the css. How can i now what is wrong? So in the future i can for myself what the problem is.

sroes · Accepted Answer · 2012-12-03 14:15:50Z

4

Change

$('#background').css('background-image, url('  +backgroundUrl+  ')');

To

$('#background').css('background-image', 'url('  +backgroundUrl+  ')');

answered Dec 3, 2012 at 14:15

sroes

15.1k1 gold badge58 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

sroes Over a year ago

@user1386906 using the jquery documentation: api.jquery.com/css. For setting a property you need to pass 2 arguments. You passed both parameters as 1 string.

Collectives™ on Stack Overflow

Jquery not adding an background image to div

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related