更改预定义的身体背景图像

Question

当您单击链接时，我发现此脚本可更改主体的背景图像。 它的工作原理很好，但唯一的问题是我无法在css中拥有预定义的bg图像，否则它将不会更改。

因此，我删除了背景图片的css并将其切换为正确的图片，但我希望默认图片以该图片开头。

脚本：

    <script language="JavaScript">
<!--

var backImage = new Array(); // don't change this

backImage[0] = "images/bg0.png";
backImage[1] = "images/bg1.png";
backImage[2] = "images/bg2.png";
backImage[3] = "images/bg3.png";
backImage[4] = "images/bg4.png";
backImage[5] = "images/bg5.png";

function changeBGImage(whichImage){
if (document.body){
document.body.background = backImage[whichImage];
}
}

//-->
</script>

链接：

<a href="javascript:changeBGImage(1)">Change2</a>

而且，例如，我希望页面加载时默认将bg0.png用作背景。

如果可以在bg图像之间淡入淡出，那也很好。

提前致谢。

Answer 1

将背景保留在CSS中，并改用此代码

var backImage = [
    "images/bg0.png",
    "images/bg1.png",
    "images/bg2.png",
    "images/bg3.png",
    "images/bg4.png",
    "images/bg5.png"
];

function changeBGImage(whichImage) {
    if (document.body){
        document.body.style.backgroundImage = 'url('+backImage[whichImage]+')';
    }
}

Answer 2

要更改背景（如果在CSS中定义了背景），则需要更改：document.body.style.backgroundImage属性