jQueryの変更、複数の背景画像は

Question

私は8枚の画像を使用してフレームを作成し、CSSコードを持っています。私は複数の背景画像のJQueryの変更を定義する際に問題があります。私はいつも1つのイメージしか変わっていません。

のjQueryコード：

$(document).ready(function() { 
     $("#red").on("click", function(){ 
      $("#outer-frame").css({'background-image': "url(images/red/tl.png)", 'background-image': "url(images/red/tr.png)"}); 
      $("#outer-frame").css({'background-position': "top left", 'background-image': "top right"}); 
     }); 

これを行う方法を知っている誰かが私を助けになるならば、私は本当にいただければ幸いです。 ありがとうございます。

Answer 1

JavaScriptを使用して複数の背景画像を設定するには、一度だけのスタイルを設定し、その値として、複数の背景の文字列を、とそうでない場合は、スタイルの各リセットは、など、以前の上書き

$("#outer-frame").css({ 
    'background-position' : 'top left', 
    'background-image' : 'url(images/red/tl.png), url(images/red/tr.png)' 
});