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

您可能需要检查图像的路径。第一个基于 css 文件的当前路径，而第二个基于网站根目录。

于 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 回答