//　オンマウスで画像を変えるjavascript　////////////////////////////////////　このjavascriptファイル（change.js）をindex.htmlと同じ階層に置く//　画像を変えたいHTMLファイルの<head>内に以下のタグを記述してjavascriptファイルを読み込ませる//　<script src="change.js" type="text/javascript"></script>//　（src="〜"は画像と同じ様に（change.js）へリンクさせる）//　画像にはるリンク<a href="〜">を以下のように書く//　<a href="リンク先.html" onMouseOver="setImage_on(1,'画像に入れたname');" onMouseOut="setImage_off(1,'画像に入れたname');">//　<img src="img/con_02.jpg" alt="どんな花屋？" width="150" height="49" border="0" name="画像一つ一つに入れる"></a>//　画像につけたnameの前にある数字は以下の初期設定と同じ番号にする（重複しない）//　これでHTMLファイルの設定は完了//　後は以下の初期設定をすればｏｋ　////////////////////////////////////////　↓()に変えたい画像の数を入れる（両方とも）var Cimage_on = new Array(4);	var Cimage_off = new Array(4);	//　「i<=」のあとに上と同じ数字をいれるfor (i=1;i<=4;i++)	{		Cimage_on[i] =  new Image();		Cimage_off[i] =  new Image();	}//　カーソルがのったら変わる画像のパス//　[　]の中の数字は画像につけたnameの前にある数字と一致する（重複しない）Cimage_on[1].src = 'img/image01_on.jpg';Cimage_on[2].src = 'img/image02_on.jpg';Cimage_on[3].src = 'img/image03_on.jpg';Cimage_on[4].src = 'img/image04_on.jpg';//　カーソルがのってない時の画像（HTMLファイルの<img src="〜"と同じ画像）//　[　]の中の数字は画像につけたnameの前にある数字と一致する（重複しない）Cimage_off[1].src = 'img/image01.jpg';Cimage_off[2].src = 'img/image02.jpg';Cimage_off[3].src = 'img/image03.jpg';Cimage_off[4].src = 'img/image04.jpg';//↓いじると危険function setImage_on(flag,imagename)	{		document.images[imagename].src = Cimage_on[flag].src;	}	function setImage_off(flag,imagename)	{		document.images[imagename].src = Cimage_off[flag].src;	}//　応用　　////////////////////////////////////////　例えば他のページにも画像を変えたいものがあったら//　このjavascriptファイルをＴＯＰページと同じように読み込ませればいい//　新たに変えたい画像がある場合は初期設定を追加していけばいい//　（Cimage_onとCimage_offの両方）