Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我正在使用javascript创建图像幻灯片,但代码不起作用_Javascript_Css - Fatal编程技术网

我正在使用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

我正在使用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 (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]+'")';