使用JavaScript更改背景图像
我试图在一段时间后使用JavaScript自动更改div的背景图像（不过这是我第一次使用JS）。 JavaScript代码中的任何内容都不起作用；这些图像都不会出现，也不会进行任何交换使用JavaScript更改背景图像,javascript,html,css,background-image,Javascript,Html,Css,Background Image,我试图在一段时间后使用JavaScript自动更改div的背景图像（不过这是我第一次使用JS）。 JavaScript代码中的任何内容都不起作用；这些图像都不会出现，也不会进行任何交换 <script type ="text/javascript"> function displayNextImage() { x = (x === images.length - 1) ? 0 : x + 1; document.getEle
<script type ="text/javascript">
function displayNextImage() {
x = (x === images.length - 1) ? 0 : x + 1;
document.getElementById("img").style.backgroundImage = "url"+(images[x]);
}
function displayPreviousImage() {
x = (x <= 0) ? images.length - 1 : x - 1;
document.getElementById("img").style.backgroundImage = "url"+(images[x]);
}
function startTimer() {
setInterval(displayNextImage, 3000);
}
var images = [], x = -1;
images[0] ='../images/ploutarxos.jpg';
images[1] ='../images/xatzigiannhs.jpg';
images[2] ='../images/taylor_swift.jpg';
images[3] ='../images/selena_gomez.jpg';
images[4] ='../images/the_weeknd.jpg';
images[5] ='../images/drake.jpg';
</script>
<title>
Hello world.
</title>
</head>
<body onload="startTimer()">
<div id="img" class="swapingImages">
Oke <br>
Bla
</div>
函数displayNextImage（）{
x=（x==images.length-1）？0:x+1；
document.getElementById（“img”）.style.backgroundImage=“url”+（images[x]）；
}
函数displayPreviousImage（）{
x=（x您可以使用名为“”的javascript库。将此库导入页面时，您可以使用以下命令：css（“div_id{your code}；”；
为div设置css
“url”+（图像[x]）；
应该是：
“url（“+images[x]+”）；
var images=['../images/ploutarxos.jpg'，
“../images/xatzigiannhs.jpg”，
“../images/taylor_swift.jpg”，
“../images/selena_gomez.jpg”，
“../images/the_weeknd.jpg”，
“../images/drake.jpg”
];
var img=document.getElementById（“img”）；
函数显示图像（x）{
img.style.backgroundImage=“url（“+images[x]+”）；
img.innerText=图像[x]；
}
函数startTimer（）{
var x=0；
显示图像（x）；
setInterval（函数（）{
x=x+1>=images.length？0:x+1；
显示图像（x）；
}, 3000);
}
交换图像{
高度：20px；
宽度：20px；
}
你好，世界。
背景图像CSS样式的格式为url（“/path”）
：
换行
document.getElementById("img").style.backgroundImage = "url"+(images[x]);
对此
document.getElementById("img").style.backgroundImage = "url("+images[x]+")";
注意括号的位置。因为您是新来的，所以我不会判断代码质量，只注意您所犯的错误
您错过了css属性url
中的括号
替换以下代码：
“url”+（图像[x]）；
代码如下：
“url（“+images[x]+”）；
请注意，我将初始括号移到了"
引号，因此它们将被视为实际字符，而不是像数学术语那样用括号分隔内部术语的优先级。因此，我在尝试实现这一点时遇到了一个问题，我希望得到一些帮助。
，如果您告诉我们您遇到了哪一个问题，我们可能会帮助您。这可能是MISS吗css url的ng括号？（您正在使用的括号无效，不会用作普通字符）您面临的问题是什么？控制台中有错误吗？您是对的，我忘记了这一点..我会在评论中告诉您，我也会修复我的描述。它不起作用。我的意思是没有这些图像出现，也没有任何交换..我在本地尝试了，并添加了括号，显示了一个图像。所以您希望将其编辑为------->“url（”“+images[x]+”；
-对代码质量本身没有任何评论。我认为你必须有自己的经验：-）社区不喜欢包含库引用的答案…我也犯了这个错误。。。
document.getElementById("img").style.backgroundImage = "url("+images[x]+")";