随机变化的背景答案

【问题标题】：Randomly Changing Backgrounds随机变化的背景
【发布时间】：2012-06-26 08:34:36
【问题描述】：

有没有办法创建一个页面背景图像每隔几秒钟自动更改一次的网站？我想要大约每十秒旋转一次的六张图像。

谢谢！

【问题讨论】：

那将是丑陋的，可能令人作呕，并且对黄道有潜在的危害。

标签： php javascript css

【解决方案1】：

您可以使用this jquery plugin。作者做了一个页面上的图像重新加载的实现。您可以将图像放在一个 div 中，该 div 将保留在页面中所有元素的后面，以便它成为背景。

jquery可以下载here

【讨论】：

每个人都提供了很棒的意见和一些很棒的想法。我要试一试，看看哪一个效果最好。谢谢！

【解决方案2】：

是的，有。我使用了bgStretcher jQuery plugin。效果很好。

这是a portfolio 的实现示例（在后台）。

<script type="text/javascript">
$(document).ready(function(){
    $(document).bgStretcher({
    images: ['img/Backgrounds/abst.jpg','img/Backgrounds/curvy.jpg','img/Backgrounds/circuits.jpg'], 
    //images: ['img/Backgrounds/space/1.jpg','img/Backgrounds/space/3.jpg','img/Backgrounds/space/4.jpg','img/Backgrounds/space/5.jpg','img/Backgrounds/space/6.jpg','img/Backgrounds/space/7.jpg'], 
    imageWidth: 1024, 
    imageHeight: 768,
    slideShowSpeed: 8000,
    nextSlideDelay: 8000,
    });
});
</script>

希望对您有所帮助。一切顺利！纳什

【讨论】：

每个人都提供了很棒的意见和一些很棒的想法。我要试一试，看看哪一个效果最好。谢谢！

【解决方案3】：

几个小时前在这里提出了类似的问题：

Randomly change background colors

我已从那里得到答案，并根据您的情况对其进行了修改。

   <html>
    <head>
    <script type="text/javascript">
    function myFunction()
    {
        setInterval("myTimer()",1000);
        return false;
    }

    function myTimer()
    {
       var randomImage = [
'http://onlyhdwallpapers.com/wallpaper/light_gray_suede_anon_delivers_high_resolution_desktop_1500x1500_hd-wallpaper-463812.jpg',
       'http://3.bp.blogspot.com/-kO0Mq7eCchs/TY6MDA6-KqI/AAAAAAAAAEE/90FlAM_QJLs/s1600/BigGrayBox.jpg',
       'http://test3.jpg']
       var r = Math.floor((Math.random()*randomImage .length));
       var newImage = "url(" + randomImage [r] + ")";
       document.body.style.backgroundImage= newImage ;
    }
    </script>
    </head>
    <body onLoad="myFunction()">
         <div> Some text </div>
    </body>
    </html>

【讨论】：

每个人都提供了很棒的意见和一些很棒的想法。我要试一试，看看哪一个效果最好。谢谢！