Wie ändere ich das Hintergrundbild mit jquery?

Question

Hallo Ich habe Probleme die Hintergrund-img eines div mit jquery Wechsel:

Zunächst stelle ich es als so

#div-id { 
background: url(../images/conv1.png) no-repeat center top; 
} 

Dann wird in einem Skript, das später nach einem Timeout ich dies tun beginnt:

$('#div-id').css('background', 'url("../images/conv2.png")'); 

als ich dieses jedoch das Bild nicht gerade verschwindet, aber wenn ich an Element Inspektor sucht in Chrome-Tool sein sagt:

$('#div-id').css('background', 'url("../images/conv3.png")'); 

Ich bin verloren, wo ich falsch liege.

Answer 1

Verwendung background-image als Eigenschaft sowohl in der CSS und in jQuery, und wenden Sie die anderen Eigenschaften in CSS seperat (Hintergrund - Position, Hintergrund-Größe, Hintergrund-wiederholen usw.)

#div-id { 
    background-image: url(../images/conv1.png); 
    background-repeat: no-repeat; 
    background-position: center top; 
} 

und

$('#div-id').css('background-image', 'url(../images/conv2.png)');