如何更改div的背景圖像？

Question

的CSS

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

JS

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

back01.jpg已刪除，但未加載back02.jpg。

Answer 1

確保映像存在於定義的文件夾中。

您還可以通過以下代碼給CSS類。

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

   function switchRight(){
     $('#slider00').addClass('imageclass'); // same way you can use remove class
   }

Answer 2

假設您的css文件在文件夾中

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

請檢查

Answer 3

這是由於背景圖像的路徑。 通過css設置時，路徑是相對於css文件所在的位置。 在javascript中進行操作時，請使用相對於應用程序根目錄的路徑。

Answer 4

您可能需要檢查圖像的路徑。 第一個基於css文件的當前路徑，而第二個基於網站根目錄。

Answer 5

嘗試這個

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

$('#slider00').click(function()
{
  // do my image switching logic here.
});