2016-07-19 12 views
0

ボディが読み込まれると、フォルダからランダムなgifが選択され、背景として使用されるというコードがあります。新しいページが読み込まれるか、同じページが読み込まれると、別のランダムgifがバックグラウンドとして選択されます。私はオンラインで見ましたが、コードは比較的同じですが、新しいgifがバックグラウンドとして読み込まれません。ここにHTMLコードがあります。ランダムな背景gifが動作しない

<html lang="en"> 
<head> 

    <!-- Random Background Image --> 
    <script> 
    function newBackground() 
    { 
     // Set up the image files to be used. 
     var theBackgrounds = new Array() // do not change this 

     // To add more image files, continue with the pattern below, adding to the array. 
     theBackgrounds[0] = 'images/EXTRA/Backgrounds/equalizer.gif' 
     theBackgrounds[1] = 'images/EXTRA/Backgrounds/equalizer2.gif' 
     theBackgrounds[2] = 'images/EXTRA/Backgrounds/recordSpinning.gif' 

     var p = theBackgrounds.length; 

     var whichBackground = Math.round(Math.random()*(p-1)); 


     document.body.style.background = theBackgrounds[whichBackground]; 
    } 
    </script> 

    </head> 
    <body onLoad="newBackground();"> 
     *some code* 
    </body> 
</html> 

次に、styles.cssにある本文のCSSコードを示します。

body{ 
     background-size:cover; 
     background-repeat: repeat-y; 
     background-attachment: fixed; 
     background-color:#000000; 
     color:#FFF; 
     font-size:13px; 
     font-family: Helvetica, Arial, sans-serif; 
     text-align:left; 
    } 

コードが機能しないのはなぜですか?

答えて

1

これはCSSで背景イメージを設定する方法ではないためです。あなたはurl()部分がありません。

それは本当に

document.body.style.backgroundImage = "url(" + theBackgrounds[whichBackground] + ")"; 
+0

すべきですか?それが彼らが使用したコードでした。しかし、私はそれを撃つだろう。ありがとう! – DaCodeMonkey01

+0

それはそれをしました!ありがとうございました! – DaCodeMonkey01

関連する問題