JQuery background image change not working

[angelali]

Hello, I am making a mini game in JQuery. Normally, I have a DIV where it ha a background image.

The background image now will change after the user clicks on a button.

Here is my CSS codes for the DIV:

#tank #view {
	width:1000px;
	height:540px;
	background-image:url(../images/view.png);
	margin:auto;
	position:relative;
}

Here now is the JQuery codes where the background image should be changed:

$('.activate').click(function () {
	$('#tank #view').css('background-image', 'url(../images/newa.png)');
	$('#first').fadeOut();
	$(this).hide();

Well, it seems the background image is not changing. As you see in the JQuery codes, I have two other elements which should fade out and hide, both are working, except the background image is not changing...

[DanInMa]

is the #view element inside of the #tank element?

[angelali]

Yes... it is inside... The CSS codes itself say all lol

[VIPStephan]

The CSS alone says nothing. Please show us your entire HTML, ideally a link to a live example. Have you checked out the error console? Does it possibly give any hints?

[angelali]

Here is the HTML:

<section id="tank">
	<div id="view">
    	<p>Lorem ipsum...</p>
     </div>
</section>

[VIPStephan]

Oh, by the way: image paths in the JS file must be relative to the HTML file. Think of it like the JS is executed in the HTML document, therefore it’s looking for any assets from that location.

[angelali]

What do you mean? It is not good my codes in JQuery? As far as I know it is like this we must do that. When I put a background color instead of a background image, it works, but for image not!

[angelali]

The crap is working when I remove the image from the "Images" folder. Weird! Thank you anyway... Problem solved...