四季でテーブルの背景画像（計４枚の画像）が変わるjavascriptとHTML内の記述の仕方もおしえてください。

四季をどう考えるかにもよりますが、

春…３〜５月

夏…６〜８月

秋…９〜１１月

冬…１２月、１〜２月

とするならば、以下のコードを画像を表示したいHTMLの箇所に埋め込んでやればうまくいくと思います。

<script language=”javascript”>

<!--

var today = new date();

var nMonth = today.getMonth();

var strImageName;

if(10 < nMonth || nMonth < 2)

{

strImageName = ”<img src=’”spring.jpeg’”>”;//冬の画像

}

else if(nMonth < 5)

{

strImageName = ”<img src=’”spring.jpeg’”>”;//春の画像

}

else if(nMonth < 8)

{

strImageName = ”<img src=’”summer.jpeg’”>”;//夏の画像

}

else

{

strImageName = ”<img src=’”autumn.jpeg’”>”;//秋の画像

}

document.write(strImageName);

-->

</script>

インデントなどは適宜付け直してください。

こちらのページがわかりやすいと思いました。

具体的なソースは↓です。ディレクトリの変え方などはわかりますか？

<script language=”javascript”>

<!--

var img=new Array()

img[0]=”000926img/CUT_150.GIF” //1月

img[1]=”000926img/CUT_145.GIF” //2月

img[2]=”000926img/CUT_149.GIF” //3月

img[3]=”000926img/CUT_154.GIF” //4月

img[4]=”000926img/CUT_146.GIF” //5月

img[5]=”000926img/CUT_153.GIF” //6月

img[6]=”000926img/CUT_148.GIF” //7月

img[7]=”000926img/CUT_151.GIF” //8月

img[8]=”000926img/CUT_143.GIF” //9月

img[9]=”000926img/CUT_144.GIF” //10月

img[10]=”000926img/CUT_152.GIF” //11月

img[11]=”000926img/CUT_146.GIF” //12月

var m=(new Date()).getMonth()

document.writeln(’<img src=”’+img[m]+’”>’)

//-->

</script>

<SCRIPT languqge=javascript>

<!--

//季節ごと(月ごと)にテーブル背景を変えるjavascript

//日付判定

now=new Date();

month=now.getMonth()+1;

//季節判定

var bgimages;

//12月又は１〜２月

if (month==12 || month<=2) bgimages=”img/image01.jpg”;

//３〜５月

if (month>=3 && month<=5) bgimages=”img/image02.jpg”;

//６〜８月

if (month>=6 && month<=8) bgimages=”img/image03.jpg”;

//９〜11月

if (month>=9 && month<=11) bgimages=”img/image04.jpg”;

//TABLEタブ記述開始

document.write(”<TABLE”);

//背景色指定

document.write(” background=”,bgimages);

//その他オプション指定(省略可)

document.write(” border=0 cellpadding=4 cellspacing=0”);

//TABLEタブ記述終了

document.write(”>”);

//ここまで

// -->

</SCRIPT>

<NOSCRIPT><TABLEbackground=img/image00.jpg border=0 cellpadding=4 cellspacing=0></NOSCRIPT>

<!--Javascriptが使用できない人にはimage00.jpgを表示-->

<!--以下通常のhtmlを記述-->

<TR>

<TD>TEST</TD>

<TD>TEST</TD>

<TD>TEST</TD>

</TR>

<TR>

<TD>TEST</TD>

<TD>TEST</TD>

<TD>TEST</TD>

</TR>

</TABLE>

---