Hinzufügen von zwei Hintergrundbildern zum Körper mit JQuery

Question

Ich muss zwei separate Hintergrundbilder zum Body-Tag mit JQuery hinzufügen. Anfänglich wurde dies mit der folgenden Klasse erreicht:

Und das funktionierte gut, aber jetzt muss ich die URL-Werte dynamisch per JavaScript liefern. Die Werte werden mithilfe von AJAX aus einem JSON-Array abgerufen. Der Code, den ich zur Zeit habe, ist:

$('body').css({ 
'background-image' : 'url(' + data.leftWpTakeover + ')', 
'background-position' : 'top left', 
'background-repeat': 'no-repeat', 
'background-image' : 'url(' + data.rightWpTakeover + ')', 
'background-position' : 'top right', 
'background-repeat': 'no-repeat' 
}); 

Dies funktioniert aber das zweite Bild ersetzt die ersten hinzugefügt nur das zweite Bild zu verlassen. Ich brauche den Code, um beide Hintergrundbilder zum Body-Tag hinzuzufügen. Können Sie bitte helfen?

Danke.

Answer 1

Sie können mehrere Bilder auf dem Hintergrund hinzufügen, indem Sie sie mit einem Komma zwischen ihnen wie Eintrag:

'background-image' : 'url(' + data.leftWpTakeover + '), url(' + data.rightWpTakeover + ')'