背景変更スクリプトで動作する背景を設定する

Question

テキストの上にカーソルを置いたときにページの背景を変更するスクリプトがありますが、ページを最初に読み込むときに背景を設定するにはどうすればよいですか？

ご協力いただきありがとうございます。

HTML：

<div class="bg1"> 
<p style="background-image:url(http://i.imgur.com/tsvMD.jpg)" onMouseOver="bgChange('http://i.imgur.com/tsvMD.jpg')">001</p> 
<p style="background-image:url(http://i.imgur.com/WoXUM.jpg)" onMouseOver="bgChange('http://i.imgur.com/WoXUM.jpg')">002</p> 
<p style="background-image:url(http://i.imgur.com/Q5U1L.jpg)" onMouseOver="bgChange('http://i.imgur.com/Q5U1L.jpg')">003</p> 
</div> 

CSS：

.bg1 p { 
display:inline; 
font-size: 30px; 
} 

のjavascript：

function bgChange(bg) 
{ 
document.body.background=bg; 
} 

の作業例： http://jsfiddle.net/XXwXq/

Answer 1

使用CSS .. ？

body { 
    background-image:url(http://i.imgur.com/tsvMD.jpg); 
}​ 

http://jsfiddle.net/XXwXq/13/

function bgChange(bg) { 
    document.body.style.background="url(" + bg + ")"; 
} 

Answer 2

使用CSSと "背景画像"：

body { 
    background-image:url(...) 
} 

Answer 3

bgchange機能の下に次の行を追加します。

window.onload=bgChange('http://i.imgur.com/Q5U1L.jpg'); 

だからだろうbe：

function bgChange(bg) 
{ 
    document.body.background=bg; 
} 
window.onload=bgChange('http://i.imgur.com/Q5U1L.jpg');