Изменить предопределенное фоновое изображение тела

Question

Я нашел этот скрипт для изменения фонового изображения тела при нажатии на ссылку.Это работает, отлично, но единственная проблема в том, что у меня не может быть предварительно определенного изображения bg в css, иначе оно не изменится.

Поэтому я удаляю 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