![](/img/trans.png)
[英]Javascript/Html/Css Random background-image & Word from two javascript array
[英]load random image from array to a css background
我是一個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];
}
你幾乎是對的。
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] + ")";
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.