從數組加載隨機圖像到CSS背景

Question

我是一個js新手。我已經找到了這個問題的答案，但還沒有找到答案，但在這個論壇或其他人，所以很抱歉，如果它在這裏，我錯過了。我有一個腳本，用於在頁面加載時將數組中的隨機圖像加載到直接放置在html中的id元素。

我想看看我是否可以讓它做同樣的事情，但在css文件中的id元素的背景圖像。我有螢火蟲，並沒有給我任何錯誤消息，但它也不起作用。

window. onload = choosePic; 

var myPix = new 
Array("images/image1.gif", "images/image2.gif"); 

function choosePic() { 
    randomNum = Math.floor((Math.random() * myPix.length)); 
    document.getElementById("headerAnimation").style.backgroundImage.src = myPix[randomNum]; 
} 

Answer 1

你說的沒錯。

window.onload = choosePic; 

var myPix = new Array("images/image1.gif", "images/image2.gif"); 

function choosePic() { 
    var randomNum = Math.floor((Math.random() * myPix.length)); 
    document.getElementById("headerAnimation").style.backgroundImage = 
     "url(" + myPix[randomNum] + ")"; 
}