2013-01-08 66 views
1

我有一個代碼在頁面加載時隨機化div元素中的背景圖像,但它似乎沒有工作。JavaScript無法正常工作?隨機發生器代碼

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

」但它似乎沒有工作。「詳細說明 – George

+2

定義「不工作」。當你在調試器中遍歷代碼時,觀察到的行爲在什麼時候會偏離預期的行爲?發生這種情況時,相關的運行時間值是什麼? – David

+0

您如何足夠自信地使用'Math.random()* images.length',您想將它用作索引到數組中? –

回答

2

你設置多個背景屬性到backgroundImage財產。相反,只需設置一個url()

如果你想總是有其他的值,我會把它們放在CSS中。

jsFiddle。 「

+0

我認爲這是問題,現在它在我用CSS設置時正常工作,謝謝。 – zzwyb89