Jquery background image css change not working

Question

I am trying to change the background image of an element through jquery like this;

$j(this).css('background-image','url(images/client_box_grad.gif)');

However when it renders it seems to drop speech marks around the the url, eg

$j(this).css('background-image','url("images/client_box_grad.gif")');

And this means the image isn't visible - if I remove the speech marks in Firebug then the image shows up.

Any ideas ?

Darin Dimitrov · Accepted Answer · 2011-02-02 12:32:56Z

11

The double quotes are not necessary:

$(this).css('background-image', 'url(/images/client_box_grad.gif)');

You should make sure that you have specified a valid image url. Here's a demo.

answered Feb 2, 2011 at 12:32

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

1 Comment

frazzle Over a year ago

Cheers Darin - it works when I stick the absolute path on, I'd like to use relative pathing if possible, as it's sat in a wordpress install where everything has been made relative so nothing broke when I stuck it live from my dev area. I can live with that if I can't use any form of relative pathing though. Also it seems to add in the double quotes as part of the replacement - they are not there in any of the code.

AndrewSmiley · Accepted Answer · 2014-07-15 17:10:55Z

6

This is what I had to do to get it to work:

$(function(){
$('body').css({backgroundImage : 'url(/media/bill.jpg)'});
});

answered Jul 15, 2014 at 17:10

AndrewSmiley

1,96322 silver badges34 bronze badges

1 Comment

Akshay Pethani Over a year ago

I have tried all other ways that are mentioned in other answers. No one worked form me. But your solution is worked like a charm for me.

Harold Sota · Accepted Answer · 2011-02-02 12:29:47Z

2

Try these:

$(this).css('background-image','url(images/client_box_grad.gif)');

// OR
$(this).css('background', 'url("images/client_box_grad.gif")');

answered Feb 2, 2011 at 12:29

Harold Sota

7,58613 gold badges60 silver badges85 bronze badges

Collectives™ on Stack Overflow

Jquery background image css change not working

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related