我正在使用javascript创建图像幻灯片,但代码不起作用
我正在使用javascript创建图像幻灯片,但没有显示任何图像 我做错了什么我正在使用javascript创建图像幻灯片,但代码不起作用,javascript,css,Javascript,Css,我正在使用javascript创建图像幻灯片,但没有显示任何图像 我做错了什么 window.onLoad( window.setInterval(function() { var source = ["niepic1.jpg", "niepic.png"]; var count = 0; document.getElementById("cover_main").style.backgroundImage = url(source[count]); if
window.onLoad(
window.setInterval(function() {
var source = ["niepic1.jpg", "niepic.png"];
var count = 0;
document.getElementById("cover_main").style.backgroundImage = url(source[count]);
if (count >= 2) {
count = 0;
} else {
count++;
}
}, 5000);
);
登录:
电子邮件地址:
密码:
您编写的代码有几个问题-首先,我认为您没有正确调用window.onload
。另外,将count
变量移出setInterval
调用,否则设置backgroundImage
时,它将始终为0。您也不需要重新设置源
数组,这样就可以从设置间隔
中获得。最后,源数组中只有2个元素,如果大于1,则可以重置计数,因为JavaScript数组是0索引的
var count = 0;
var source = ["niepic1.jpg","niepic.png"];
window.onload = function () {
window.setInterval(function() {
document.getElementById("cover_main").style.backgroundImage = "url('" + source[count] + "')";
if (count >= 1)
{
count = 0;
}
else
{
count++;
}
}, 5000);
}
在你写代码的时候
document.getElementById("cover_main").style.backgroundImage = url(source[count]);
这里您指的是url
变量或url
函数中不存在的多个变量,它会破坏您的代码,因此请使用
document.getElementById("cover_main").style.backgroundImage = 'url("'+source[count]+'")';
var计数=0;
var source=[“niepic1.jpg”,“niepic.png”];
setInterval(函数(){
document.getElementById(“cover_main”).style.backgroundImage='url(“'+source[count]+'”);
document.getElementById(“cover\u main”).innerHTML=“当前背景图像样式为”+document.getElementById(“cover\u main”).style.backgroundImage;
计数=(计数>=1)?0:+计数;
}, 1000);代码>
#主盖#{
背景图片:url(“”);
身高:45%;
背景大小:100%100%;
宽度:100%;
高度:480px;
}
#内盖{
背景色:#A8A8A8;
不透明度:0.76;
左边缘:75%;
利润率最高:2%;
}
登录:
电子邮件地址:
密码:
当我运行html文件时,我没有得到任何图像。您还需要发布您正在使用的html。这样就无法确定原因。也许你的图片也放错了文件夹。你确定你的图像不在[“images/niepic1.jpg”,“images/niepic.png”]
中吗?它们在同一路径中。当我从HTML中排除JS时,我可以得到一个图像,但当我包含JS时,它只是空白。请在开发工具中查看,如果url指向右侧路径,请在HTML中执行更改,但是它给出了相同的结果。仍然没有图像。将背景图像CSS属性设置为字符串,而不是调用不存在的url
函数
document.getElementById("cover_main").style.backgroundImage = url(source[count]);
document.getElementById("cover_main").style.backgroundImage = 'url("'+source[count]+'")';