Как поменять местами фоновое изображение при обновлении страницы с помощью localhost? - PullRequest
Новая
       10

Как поменять местами фоновое изображение при обновлении страницы с помощью localhost?

0 голосов
/ 04 апреля 2011

Мне нужно поменять местами фоновое изображение при обновлении страницы.Я пытаюсь сделать это с помощью javascript, и я ссылаюсь на идентификатор, который я установил для тела страницы.Вот то, что я придумала до сих пор, и это, похоже, не работает: 

<script type="text/javascript">
    window.onload = choosePic;

    function choosePic() {
    var myPix = new Array("/CoVPrototype/images/Homepage/skyline_bkgd_blue_fixed.jpg", "/CoVPrototype/images/AboutPage/about_bkgd.jpg", "/CoVPrototype/images/GovernmentPage/gov_bkgd.jpg", "/CoVPrototype/images/newsPage/news_bkgd.jpg", "/CoVPrototype/images/parkPage/park_bkgd.jpg", "/CoVPrototype/images/propertyPage/property_bkgd.jpg", "/CoVPrototype/images/enviroPage/enviro_bkgd.jpg", "/CoVPrototype/images/transportPage/transport_bkgd.jpg", "/CoVPrototype/images/businessPage/business_bkgd.jpg");
    var randomNum = Math.floor(Math.random() * myPix.length);
    document.getElementById("home_style").src = myPix[randomNum];
    }

Тег, на который я ссылаюсь в HTML, настроен так (обратите внимание, все остальные теги HTML были применены ... просто для краткости здесь не показаны): 

<body id="home_style">
</body>

И наконец, мой CSS выглядит следующим образом: 

body {
        margin:0;
        padding:0;
        font-size:62.5%;
        font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
    body#home_style {
            background:no-repeat bottom left fixed;
            width:100%;
    }

Должно ли это работать?Что я делаю неправильно?!Я надеюсь, что кто-то может помочь !!

1 Ответ

0 голосов
/ 04 апреля 2011

Это должно работать: 

document.getElementById("home_style").style.backgroundImage = "url(" + myPix[randomNum] + ")";
...