Автоматическая смена фона сайта

Тема в разделе 'JavaScript', создана пользователем EWR, 9 июл 2012.

  1. EWR New Member

    Всем привет, вообщем я хотел сделать фон сайта на подобие слайдера, т.е. картинки на фоне идут сами по себе, нашел код на JS:
    Код:
    <img  src="" alt="background" id="bg" style="display:none" />
    <script type="text/javascript" class="noprint">
        var aImages = new Array();
        var aURL = new Array();
        var aArtists = new Array();
        var iPrev = -1;
        var iRnd = -1;
    
        aImages[0] = "{THEME}/images/bg/bg.jpg";
        aImages[1] = "{THEME}/images/bg/bg1.jpg";
        aImages[2] = "{THEME}/images/bg/bg2.jpg";
        aImages[3] = "{THEME}/images/bg/bg3.jpg";
    
        $(document).ready(function() {
    
            $("img#bg").load(function()
                {
    
                    $("img#bg").fadeTo(2000,1);
    
                    setTimeout(function()
                        {
                            $("#image_description").animate({right: '-=150'}, 1000);
                            $("img#bg").fadeOut(2000);
    
                            setTimeout(LoadImages,2500);
                        }
                        ,30000);
                }
            )
    
            setTimeout(LoadImages,1000);
    
        });
    
        function LoadImage(iNr)
        {
    
            $("img#bg").attr("src", aImages[iNr]);
    
        };
    
        function LoadImages()
        {
    
            /* Select a random image number and make sure this is not equal to the previous image */
            while(iPrev == iRnd)
            {
                iRnd = Math.floor(Math.random()*aImages.length);
            }
    
            /* Show the selected image */
            LoadImage(iRnd);
    
            iPrev = iRnd;
    
        };
    </script> 
    и код в CSS:
    Код:
    img#bg {
        /* Stretch background */
            position: fixed;
        top:0;
        left:0;
        width:100%;
        z-index:-3;
    }
    Ну так вот это все дело работает, но при смене фона сначала возвращается начальный фон страницы, который прописан в CSS, а затем идет случайно сгенерированная картинка, а я хотел бы, чтоб картинки шли не сменяясь на начальный фон сайта. Скажите, как это реализовать?
    --- добавлено: Jul 9, 2012 7:39 AM ---
    Вот пример сайта, который был в новости с этим скриптом - и на данном сайте, как вы видите сначала идет фон с планетами, потом фон меняется, затем опять эти же планеты и фон меняется. А я хочу сделать чтоб планеты между фонами не показывало.

Поделиться этой страницей