1

CSS

background-image:url(../back/back01.jpg); //this works

JS

function switchRight(){
    $('#slider00').css("background-image","url(../back/back02.jpg)");
}

back01.jpgは削除されますが、back02.jpgは読み込まれません。

4

5 に答える 5

3

画像が定義されたフォルダに存在することを確認してください。

以下のコードでcssクラスを指定することもできます。

  .imageclass
  {
    background-image:url(../back/back01.jpg);
  }

   function switchRight(){
     $('#slider00').addClass('imageclass'); // same way you can use remove class
   }
于 2012-12-05T07:01:44.947 に答える
2

フォルダ内のcssファイルを想定します

function switchRight(){
    $('#slider00').css("background-image","url(back/back02.jpg)");
}

チェックしてください

于 2012-12-05T06:58:16.810 に答える
1

背景画像へのパスが原因です。cssを介して設定する場合、パスはcssファイルが配置されている場所を基準にしています。javascriptでそれを行うときは、アプリケーションのルートを基準にしたパスを使用してください。

于 2012-12-05T06:55:23.453 に答える
1

画像のパスを確認する必要がある場合があります。1つ目はcssファイルの現在のパスに基づいており、2つ目はWebサイトのルートに基づいています。

于 2012-12-05T06:55:59.083 に答える
1

これを試して

$('#slider00').css("background-image", "url(../back/back02.jpg)");

$('#slider00').click(function()
{
  // do my image switching logic here.
});
于 2012-12-05T07:01:10.887 に答える