我希望我的身体背景图像每 5 秒淡入和淡出，如果不是至少每 5 秒改变一次答案

【问题标题】：I want my body background image to fade in and fade out every 5 seconds, if not atleast change every 5 seconds我希望我的身体背景图像每 5 秒淡入和淡出，如果不是至少每 5 秒改变一次
【发布时间】：2013-06-19 03:16:11
【问题描述】：

我找到了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

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

【问题讨论】：

没关系！

标签： jquery html css image background

【解决方案1】：

路径错误。

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

您的图片位于 ../images/backgrouds/ 中，第一次尝试使用 URL 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/

【讨论】：

您能帮我编辑一下java脚本吗？我应该改变什么？
我做了 - 检查我的修订版。
注意fiddler不是必须的，你浏览器的开发工具就可以解决这种简单的问题。只需按F12，然后转到网络选项卡（之后您可能需要重新加载站点）。
好点。 Chrome 的网络标签很棒。我只是更喜欢使用像提琴手这样的单独工具，但你的建议是有效的。
我刚刚检查了文件的 url - mrinalikamath.in/java%20script/imageFader.js - 它仍然有原始 url - 请上传带有我建议的更改的文件。