2つの背景画像をJQueryで本文に追加する

Question

JQueryを使用して2つの別々の背景画像をbodyタグに追加する必要があります。最初はこれは次のクラスで実現されました：

.background: url(../img/ad-takeoverbkg-left.jpg) top left no-repeat, url(../img/ad-takeoverbkg-right.jpg) top right no-repeat; 

これはうまくいきましたが、JavaScriptを使用してURL値を動的に配信する必要があります。値は、AJAXを使用してJSON配列から取得されます。私は現在持っているコードは次のとおりです。

$('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' 
}); 

これは動作しますが、2番目の画像が追加され第2の画像だけを残して最初に取って代わります。両方の背景画像をbodyタグに追加するコードが必要です。あなたは助けてもらえますか？

ありがとうございました。

Answer 1

次のようなそれらの間にコンマでそれらをリストすることで、背景に複数の画像を追加することができます。

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