如何更改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.
});