jQuery - css("background-image", variable) doesn't work :(

Question

I'm trying to save the background-image of a element, remove it and then maybe add it back later.

var current_bg_image = $("#div").css("background-image");
if(something){
  $("#div").css("background-image", "none");
}else{
  $("#div").css("background-image", current_bg_image); // not working...
}

The part where the background image is supposed to be added back doesn't work... But if I change current_bg_image with "url(something.jpg)" it works. It seems that css() doesn't work with variables?

Havihavi · Accepted Answer · 2011-08-31 13:32:03Z

11

Had the same problem, solved by this:

var id = $(this).attr("src"); //alert(id); $('#div').css({'background-image': 'url(' + id + ')', });

answered Aug 31, 2011 at 13:32

Havihavi

6621 gold badge10 silver badges27 bronze badges

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

Comments

leek · Accepted Answer · 2011-03-23 06:38:43Z

4

Your code works fine for me using jQuery 1.5.1. I believe what you will get once saving the background-image value to current_bg_image is the full path to the image, so try reading that value using Firebug or alert(current_bg_image) and ensure it is what you think it should be.

answered Mar 23, 2011 at 6:38

leek

12.2k8 gold badges48 silver badges61 bronze badges

1 Comment

Alex Over a year ago

tx, actually the problem was that var current_bg_image = $("#div").css("background-image"); was running everytime the function was called, I put it outside and now its ok :)

Collectives™ on Stack Overflow

jQuery - css("background-image", variable) doesn't work :(

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related