Changing background image using jquery

Question

I have this jquery code that changes the image of the background on click:

$('a.note').click(function(){
  $('#full').css('background-image','img/1.jpg');

});

However, it's not changing. Is there something I'm missing?

possible duplicate of Setting background-image using jQuery CSS property — Cees Timmerman
– Cees Timmerman, Commented Jul 6, 2014 at 0:58

user113716 · Accepted Answer · 2011-01-02 14:14:17Z

46

You need to include the url() part of the background-image property.

$('#full').css('background-image','url(img/1.jpg)');

answered Jan 2, 2011 at 14:14

user113716

323k64 gold badges454 silver badges441 bronze badges

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

5 Comments

getaway Over a year ago

how do i remove it the backround image on click function!!! thanks :)) +upvote from me

user113716 Over a year ago

@getaway: Set it to an empty string. .css('background-image','');

getaway Over a year ago

thanks you very much, i will accept the answer when it lets me lol!!

user113716 Over a year ago

@getaway: Come to think of it, a more appropriate way to remove the image is probably to set it to "none" .css('background-image','none'); since that is the correct value for no background image. css3.com/css-background-image

Rorchackh Over a year ago

I would also like to note that there should be NO space between "url" and "(". That was driving me nuts for a couple of hours.

Collectives™ on Stack Overflow

Changing background image using jquery

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related