Add background-image using jQuery

Question

In my script I have variable image_src like

var image_src = 'img/test.jpg';

then I tried to add background-image to block using jQuery

$('#lightbox').css({
        'background-image': '(../' + image_src + ')'
    });

but it doesn't work. What's wrong ?

Possible duplicate: http://stackoverflow.com/questions/512054/setting-background-image-using-jquery-css-property — effone, Mar 27 '14 at 08:27

score 1 · Answer 1 · answered Mar 27 '14 at 08:20

1

You are missing url in set value.try this:

 $('#lightbox').css({
    'background-image': 'url(../' + image_src + ')'
});

answered Mar 27 '14 at 08:20

Milind Anantwar

score 1 · Answer 2 · answered Mar 27 '14 at 08:20

1

You need to set your CSS property with a URL datatype:

$('#lightbox').css({
   'background-image': 'url(../' + image_src + ')'
});

answered Mar 27 '14 at 08:20

CodingIntrigue

score 1 · Answer 3 · answered Mar 27 '14 at 08:22

1

What error message are you getting?

This should work:

$('#lightbox').css({
   'background-image': 'url(../' + image_src + ')'
});

answered Mar 27 '14 at 08:22

martynas

3 Answers3