Javascript 单击更改背景图像

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

---

例如：我有六（6）个图像，我想在单击“>”（下一个箭头）时更改为下一个背景图像，如果您不想使用任何其他第三方库，请在单击“时更改为上一个背景图像：

$("#YourElementId").css("background-image", "url('http://url.com/image1.jpg')");

---

您可以在数组中列出图像，然后单击更改背景图像css属性：

var images = ['url("image1.png")', ...], curIndex = 0;

// Left arrow selector
$('.left-arrow').click(function () {
    if (curIndex > 0) {
        // Container selector
        $('#container').css('background-image', images[--curIndex]);
    }
});

// Right arrow selector
$('.right-arrow').click(function () {
    if (curIndex < images.length - 1) {
        // Container selector
        $('#container').css('background-image', images[++curIndex]);
    }
});

var images=['url（“image1.png”），…]，curIndex=0；
//左箭头选择器
$（'.左箭头'）。单击（函数（）{
如果（curIndex>0）{
//容器选择器
$（'#container'）.css（'background-image'，images[--curIndex]）；
}
});
//右箭头选择器
$（'.右箭头'）。单击（函数（）{
if（curIndex

HTML将是：

<div id="container">
    <img class="left-arrow" src="image-path" />
    <img class="right-arrow" src="image-path" />
<div>

为什么不使用image jquery幻灯片放映。看一下这个。你能给我举个css和html文件的例子吗？谢谢advance@user1777158我更改了示例以显示HTML的外观。当然，您可以更改元素及其相互之间的关系。此外，没有css，我使用类来选择但您也可以为这些项目定义样式。

$("#id").on("click", function () {
    $(this).css("background-image", "url(/url/to/background/image.jpg)");
});