将随机图像从数组加载到css背景

时间:2012-08-12 17:06:40

标签: javascript css

我是新手。我已经找到了这个特定问题的答案,但还没有在这个论坛或其他人找到答案,所以很抱歉,如果它在这里,我错过了它。我有一个脚本,用于将数组中的随机图像加载到页面加载时直接放在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];
}

1 个答案:

答案 0 :(得分:2)

你几乎是对的。

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] + ")";
}