Javascript 如何使用jquery更改背景图像

我正在开发一个具有更改背景图像的网站，该网站在窗口加载时自动激活，当我们单击导航按钮时，它可以被覆盖。我的代码在窗口加载时正常工作，但在单击按钮时它不工作，请在这方面帮助我。提前谢谢

HTML

---

滑动分页

---

上面的按钮单击代码工作不正常

---

wrap正在继续其订单如何更改订单据我所知，问题在于：

function btn2_click()
{
  i = 1;
  $("#wrap img.bgfade.bg1").attr("src","1.png");
  $("#wrap img.bgfade.bg2").attr("src","2.png");
  $("#wrap img.bgfade.bg3").attr("src","3.png");
  $("#wrap img.bgfade.bg4").attr("src","4.png");    
  clearTimeout(timer);
  anim();
}

因此，我在您的HTML中找不到任何#wrap img.bgfead.bg1：您没有class.bg1。将其替换为#bg1，即是如此，例如，就像您在onload事件中所做的那样：

function btn2_click()
{
  i = 1;
  $("#bg1").attr("src","1.png");
  $("#bg2").attr("src","2.png");
  $("#bg3").attr("src","3.png");
  $("#bg4").attr("src","4.png");    
  clearTimeout(timer);
  anim();
}

---

bg1

etc不是类。试试这个：

  $("#bg1").attr("src","1.png");
  $("#bg2").attr("src","2.png");
  $("#bg3").attr("src","3.png");
  $("#bg4").attr("src","4.png");

---

这会有帮助的！这是一个例子。谢谢你的回复，事实上这并不是你的例子所说的不添加url的问题，问题在于wrap，当点击按钮时窗口加载上的附加图像没有改变谢谢你的回复，我试过了，它也不起作用，问题在于wrap，单击按钮时，窗口加载时附加的图像不会更改

function btn2_click()
{
  i = 1;
  $("#wrap img.bgfade.bg1").attr("src","1.png");
  $("#wrap img.bgfade.bg2").attr("src","2.png");
  $("#wrap img.bgfade.bg3").attr("src","3.png");
  $("#wrap img.bgfade.bg4").attr("src","4.png");    
  clearTimeout(timer);
  anim();
}

function btn2_click()
{
  i = 1;
  $("#bg1").attr("src","1.png");
  $("#bg2").attr("src","2.png");
  $("#bg3").attr("src","3.png");
  $("#bg4").attr("src","4.png");    
  clearTimeout(timer);
  anim();
}

  $("#bg1").attr("src","1.png");
  $("#bg2").attr("src","2.png");
  $("#bg3").attr("src","3.png");
  $("#bg4").attr("src","4.png");