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

JavaScript not working? Randomizer code

本文关键字：发生器 代码 函数 随机 工作 JavaScript      更新时间：2023-09-26

我有一个代码在页面加载时随机化div元素中的背景图像，但是它似乎不工作。

JS在section:

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;
HTML: 

<div id="banner"></div>
CSS: 

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 ;
}

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

如果你想总是有那些其他的值，我会在CSS中设置它们。

jsFiddle .

相关文章：