Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.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_Html_Css - Fatal编程技术网

JavaScript不工作?随机发生器代码

JavaScript不工作?随机发生器代码,javascript,html,css,Javascript,Html,Css,我有一个代码,可以在页面加载时将div元素中的背景图像随机化,但它似乎不起作用 本节中的JS: function Randomize() { var images = new Array("<?php echo SITE_URL?>/lib/skins/flyeuro/images/banners/ban.ner1.jpg","<?php echo SITE_URL?>/lib/skins/flyeuro/images/banners/banner2.jpg");

我有一个代码,可以在页面加载时将div元素中的背景图像随机化,但它似乎不起作用

本节中的JS:

function Randomize() {
    var images = new Array("<?php echo SITE_URL?>/lib/skins/flyeuro/images/banners/ban.ner1.jpg","<?php echo SITE_URL?>/lib/skins/flyeuro/images/banners/banner2.jpg");
    var imageNum = Math.floor(Math.random() * images.length);
    document.getElementById("banner").style.backgroundImage = "url('" + images[imageNum] + "') repeat scroll center center rgb(0, 0, 0)";
}

window.onload = Randomize;

您正在为
backgroundImage
属性设置多个背景属性。相反,只需设置一个
url()

如果您希望始终拥有这些其他值,我会在CSS中设置它们


.

“但是它似乎不起作用。”详细说明定义“不起作用”。当您在调试器中单步执行代码时,观察到的行为在什么程度上偏离了预期的行为?发生这种情况时,相关的运行时值是什么?您如何对“Math.random()*images.length”有足够的信心,并将其用作数组的索引?@WilliamMelani有什么不自信的地方?请尝试以下文档。getElementById(“banner”).style.backgroundImage=“url”(“+images[imageNum]+”)重复滚动中心rgb(0,0,0)!重要”;我认为这就是问题所在,当我在CSS中设置它时,它现在可以正常工作了,谢谢。
<div id="banner"></div>
div#banner {
    background: url("../images/banners/banner1.jpg");
    width: 100%;
    height: 270px;
    z-index: 1;
    margin-bottom: 25px; 
    -webkit-box-shadow:  0px 2px 15px 2px ;
    box-shadow: 0px 2px 15px 2px ;
}