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.
});

如何更改div的背景图像？

5 个答案: