Question

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

谢谢！

Answer 1

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

可以下载Jquery here

Answer 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>

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

Answer 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>

随机变化的背景

3 个答案: