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 ?

Milind Anantwar · Accepted Answer · 2014-03-27 08:20:51Z

1

You are missing url in set value.try this:

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

answered Mar 27, 2014 at 8:20

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

Comments

CodingIntrigue · Accepted Answer · 2014-03-27 08:20:56Z

1

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

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

answered Mar 27, 2014 at 8:20

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

martynas · Accepted Answer · 2014-03-27 08:22:12Z

1

What error message are you getting?

This should work:

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

answered Mar 27, 2014 at 8:22

martynas

12.3k3 gold badges59 silver badges61 bronze badges