Javascript 使用jquery和html5在单击时更改背景图像

如何使用jquery或java脚本更改背景图像onClick

---

例如：我有六幅图像，我想在单击>下一个箭头时更改为下一幅背景图像，在单击时更改为上一幅背景图像错误似乎在这一行：

$('backgrounds')

你到底想用这个选择什么？如果是id=backgrounds的对象，则应使用$'backgrounds'，如果是类，则可使用$'.backgrounds'进行选择。按照您使用的方式，jQuery尝试搜索元素，即名为backgrounds的标记。我很确定这不是你想要做的

无论如何，如果你想改变背景图像，比如说，你的身体元素，你应该使用如下的东西：

$(document).ready(function() {
    $(".nextarrow").click(function(){
    {
        $('body').css("background-image","url(../images/1366x768/image-0061.jpg)"); //   Correct the path to your image
    } 

}

或者，您可以使用以下方法更改id恰好为背景的元素的背景图像：

$('#backgrounds').css("background-image","url(../images/1366x768/image-0061.jpg)"); // Correct the path relative to the html document this script is running.

---

我希望这有帮助。干杯

jQuery的方法如下：

$("#background").css("background-image","url(img_url_here)");

我不完全确定您要选择什么，所以我制作了一个JSFIDLE，希望它能让您更容易地了解：

---

没有发生任何事情…我试图在单击symbol>时更改背景图像，在单击symbol时返回到上一个图像，但似乎您忘记关闭标签并打开标签。另外，在你的身体标签后面放上你的标签。将所有函数放入$document.readyfunction{//code here}；块，它应该可以工作了。现在一切正常，您的表单阻止了单击事件，只是从提交更改为按钮。另外，您没有使用我告诉您的内容，而是将三个参数传递给了$'body'.css，下面是已纠正的错误：添加了防止数组溢出的功能：如果答案正确，请将其标记为正确。否则Stackoverflow不会知道您的问题已经解决。如果某个答案在某些方面有用，请投票，以便其他人有更多机会发现它，以防他们遇到与您相同的问题。是的，谢谢，差不多了，我需要此脚本在数组中选择一个图像，因此当我“单击下一步>>”时，转到数组中的下一个图像，当我单击“上一个数组中的内容”时，转到上一个图像，所有图像的id或bg图像的源？我现在正在使用iPod，所以编辑这是一个正确的挑战，但我认为这不是一个问题。乐意帮忙，请将答案标记为正确，如果你认为有帮助，请向上投票；

$("#background").css("background-image","url(img_url_here)");