Question

我找到similar answers但未能将其改编为我的网站。我是HTML，JavaScript和CSS的新手，所以请耐心等待。

我希望我的背景从bg0.jpg更改为bg1.jpg再更改为bg2.jpg，然后又返回bg0.jpg。

我正在使用Dreamweaver。

我的源代码链接到jquery.js和imagefader.js。

我的style.css文件也链接到我的源代码。

css文件应用正文背景图片：

body {
  background-image:url(../images/backgrounds/bg0.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center;
}

我的imagefader.js包含以下内容：

(function() {
  var curImgId = 0;
  var numberOfImages = 3; // Change this to the number of background images
  window.setInterval(function() {
    $('body').css('background-image','url(/background' + curImgId + '.jpg)');
    curImgId = (curImgId + 1) % numberOfImages;
  }, 5 * 1000);
})();

问题是5秒后从bg0.jpg变为白色背景而不是bg1.jpg。

结果可以在这里看到。 http://mrinalikamath.in

请帮我修改文件，以便获得所需的结果。

Answer 1

路径错了。

$('body').css('background-image','url(/background' + curImgId + '.jpg)');

您的图片位于../images/backgrouds/，第一次尝试尝试网址http://mrinalikamath.in/background0.jpg。

但是，您需要http://mrinalikamath.in/images/backgrounds/bg0.jpg：

 $('body').css('background-image','url(/images/backgrounds/bg' + curImgId + '.jpg)');

我不能推荐Fiddler来帮助解决这类问题。它显示来自浏览器的每个http请求，以便您可以看到404。

http://fiddler2.com/

如果不是每5秒至少更换一次，我希望我的身体背景图像每5秒淡入淡出一次

1 个答案: