Change background-image with jQuery - doesn´t work

$('#areaView').css('background-image', 'url(/areaNr1.jpg)');

I don´t know what to say, I h开发者_运维技巧ave no idea why this code doesn´t work. The old background-image disappears, but the new one never appears.

I have checked and areaNr1.jpg exists in the same folder as the code. Allthough the function isn´t in the same folder as #areaView, but that should not matter, right?

Any ideas why this doesn´t work?

Thanks for your help!

The code I provided is in mydomain.com/jQuery/myfile.js and the image also is in that folder.

Then you mustn't prefix the URL with a / - that makes it point to the web root.

Use just areaNr1.jpg - note hoever that the URL will be relative to the HTML file, not the JS file in this case so you may need to change the path further.

You need to quote the argument to url():

$('#areaView').css('background-image', 'url("/areaNr1.jpg")');

Since the image is at mydomain.com/jQuery/areaNr1.jpg, you need to include the folder, too. If it was CSS, you could make it relative to CSS's folder, but not with JS.

$('#areaView').css('background-image', 'url("jQuery/areaNr1.jpg")');

If the html file that is running the jQuery is in the same folder as your image try:

$('#areaView').css("background", "url('areaNr1.jpg')");

If the image is in a folder it would be

$('#areaView').css("background", "url('folder/areaNr1.jpg')");

or if its in the directory above

$('#areaView').css("background", "url('../areaNr1.jpg')");

If the image is in /JQuery where is the html file?

$('#areaView').css('background-image', 'url(/jQuery/areaNr1.jpg)');

this might solve the problem