1

ページの背景画像が数秒ごとに自動的に変わる Web サイトを作成する方法はありますか? 約10秒ごとに回転する約半ダースの画像が欲しいです。

ありがとう！

4

3 に答える 3

0

はいあります。bgStretcher jQuery プラグインを使用しました。本当にうまくいきました。

ポートフォリオの実装例 (背景) を次に示します。

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

それが役立つことを願っています。ではごきげんよう！ナッシュ

于 2012-06-25T04:13:31.963 に答える
0

この jquery プラグインを使用できます。作成者は、ページ上の画像がリロードされる実装を行いました。ページ内のすべての要素の背後にある div に画像を配置して、背景にすることができます。

Jqueryはこちらからダウンロードできます

于 2012-06-25T04:05:49.470 に答える
0

同様の質問が数時間前にここで尋ねられました:

背景色をランダムに変更

そこから回答を得て、あなたのケースに合わせて修正しました。

   <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>
于 2012-06-25T04:50:39.557 に答える