Javascript：ページの読み込み時にイメージをランダムにする方法

Question

私は現在1ページのWebサイトを作成しています。ページが読み込まれるたびにランダム化イメージを追加します。私がORDER BY rand()を選択してPHPを使用して私のカルーセルをランダム化する前に。今私はランダム化された画像へのjavascriptコードを探しています使用していないデータベース。私はどんな提案を受け入れ、自分のコードの下に次のされています

<!-- start home --> 
<section id="home"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-offset-2 col-md-8"> 
       <h1 class="wow fadeIn" data-wow-offset="50" data-wow-delay="0.9s">We make paper products that are <span>awesome</span></h1> 
       <div class="element"> 
        <div class="sub-element">Hello, this is WhatWeAre</div> 
        <div class="sub-element">Paper for everyone</div> 
        <div class="sub-element">Contact us and we make your products while conserving environment </div> 
       </div> 
       <a data-scroll href="#about" class="btn btn-default wow fadeInUp" data-wow-offset="50" data-wow-delay="0.6s">GET STARTED</a> 
      </div> 
     </div> 
    </div> 
</section> 
<!-- end home --> 

<style type="text/css"> 
#home{ 
    background: url('../images/home_1.jpg') no-repeat; 
    background-size: cover; 
    padding-top: 160px; 
    padding-bottom: 100px; 
    min-height: 650px; 
} 
</style> 

Answer 1

さて、私はいくつかのサイトで答えを得ました。私のCSSスタイルシートを変更せず、データベースを使用していない。ここでは次のコード：

<script type="text/javascript"> 
if (document.getElementById) { 
    window.onload = swap 
}; 
function swap() { 
    var numimages=7; 

    rndimg = new Array("images/home.jpeg","images/home-bg.jpg","images/home_1.jpg"); 
    x=(Math.floor(Math.random()*numimages)); 
    randomimage=(rndimg[x]); 
    document.getElementById("home").style.backgroundImage = "url("+ randomimage +")"; 
} 
</script>