背景画像を変える

　次の画像をクリックすると、背景が同じ画像になります。ウェブページの壁紙用画像を配布しているサイトなどでお使いください。

この画像をクリックしてください

　設置法ですが、まず次のスクリプトを<head>～</head>に貼り付けてください。

<script type="text/javascript">
<!--
function changeBGImage(url){
    if(document.body.style){
        document.body.style.backgroundImage = "url(\"" + url + "\")";
    }
}
//-->
</script>

　画像は、次のように記述してください。

<img src="./sample.gif" onclick="changeBGImage(this.src)">

クリックした画像とは別の画像を背景にしたい場合は次のように記述することで実現できます。hogehoge.gifは、背景にしたい画像の名前に変えてください。

<img src="./sample.gif" onclick="changeBGImage("hogehoge.gif&quot)">

　このサンプルでは、分かりやすくするために若干改造を加えたものを利用しています。