2012-02-01 12 views
1

各ページの読み込み時にメインボディではなく、div領域の背景イメージを変更したいと思います。ここでページの読み込み時にdiv背景を変更しますか?

が私のコードです:

<head> 
<script> 
changeBackground(document.maincontent,imgArray);  
</script> 
</head> 

その後、私の関数は次のようになります。

<script ="JavaScript" type="text/javascript"> 



function changeBackground(node,images) 
     { 
     node.style.backgroundImage = "url(\""+images[Math.floor(Math.random()*images.length)]+"\")"; 
     } 

var imgArray = new Array(); 
     imgArray[0] = "img/bg1.jpg"; 
     imgArray[1] = "img/bg2.jpg"; 
     imgArray[2] = "img/bg3.jpg"; 
     imgArray[3] = "img/bg4.jpg";  
     imgArray[4] = "img/bg5.jpg"; 

</script> 

私はそれが身体のために働いたが、未知の理由のためでは動作しません、チュートリアルでこれを見つけましたdiv地域?使用しての

TIA

答えて

1
changeBackground(document.getElementById("maincontent"),imgArray); 
1

Insteaf:

document.maincontent 

使用:

document.getElementById('IdOfDivHere') 

これは、ページ上の要素を得るための最も標準的な方法です。 changeBackgroundメソッドでは、操作する前に要素の存在を確認することもできます。

if(node) 
{ 
    /* Do the work */ 
} 
関連する問題