Changing background image

[Imoddedu]

Does anybody know how I can change the background image of the body with jQuery? I've tried something like this but it doesn't seem to work:

$("#webDesignLink").hover(function() {				$('body').css('background', 'url(img/bgWeb.png)');			});

[thescientist]

did you try background-image?

[Imoddedu]

How is that different from just background? I currently use background right now in the CSS and it shows up

[justsomeguy]

Does that mean you're not going to try it?

[Imoddedu]

Does that mean you're not going to try it?

Of course I am going to try it, I was just curious though.EDIT: It did not change, maybe it isn't supported?

[Obi1-Cannabis]

the code you've posted originaly should be working fine, are you sure that the id #webDesignLink and the path to your image are correct.try using the absolute path to your image intead of relative path just to be sure.

[thescientist]

I guess you could do it either way, I personally would opt to target the property specifically.as mentioned before, is #webDesignLink a valid element? can you indeed confirm that the hover event is firing?

$("#webDesignLink").hover(function() {  console.log('webDesignLink hover');  $('body').css('background', 'url(img/bgWeb.png)');});

is your javascript in an external file? is the image path relative to the external file?