1

ページの読み込み時に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;

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

1 に答える 1

2

プロパティに複数の背景属性を設定していbackgroundImageます。代わりに、を設定するだけurl()です。

これらの他の値を常に保持したい場合は、CSSで設定します。

jsFiddle。

于 2013-01-08T22:42:29.520 に答える