<td width=”330” height=”271” valign=”top” background=”images/change_photo2.jpg”><table width=”330” border=”0” cellpadding=”1” cellspacing=”0”>

上記のbackgroundの画像を季節(4枚の画像が変わります)によって変わるようにしたいのですが、どういうスクリプト(js)を記入すればよいのでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/05/11 18:29:33
  • 終了:--

回答(4件)

id:aki73ix No.1

aki73ix回答回数5224ベストアンサー獲得回数272004/05/11 18:55:46

ポイント20pt

こんな感じで・・・

ただし、「”」が投稿の際全角に置換されてるので、半角に置き換えてください

<script language=”JavaScript”>

<!--

MyData[0]=’images/change_photo0.jpg’;//冬

MyData[1]=’images/change_photo1.jpg’;//春

MyData[2]=’images/change_photo2.jpg’;//夏

MyData[3]=’images/change_photo3.jpg’;//秋

dates=new Date();

tuki=dates.getMonth()+1;

document.write(”<td width=¥”330¥” height=¥”271¥” valign=¥”¥” top=¥”¥” background=¥””);

if(tuki<3){

document.write(MyData[0]); //1,2月

}

else if(tuki<6){

document.write(MyData[1]); //3,4,5月

}

else if(tuki<9){

document.write(MyData[2]); //6,7,8月

}

else if(tuki<12){

document.write(MyData[3]); //9,10,11月

}

else{

document.write(MyData[0]); //12月

}

document.write(”¥”>”);

//-->

</script>

id:ykan

上記の中の¥は何なのでしょうか?

2004/05/12 11:40:22
id:indigoworks No.2

indigoworks回答回数23ベストアンサー獲得回数12004/05/11 18:59:47

ポイント20pt

既にJavaScriptとHTMLの記述方法などを御存知であれば、このURIで解説されているサンプルを適当に書き換えればすぐに使えると思います。

http://www2s.biglobe.ne.jp/~Hiro/js/monthly_graphics.html

季節によって違う画像を表示

id:umanami No.3

umanami5回答回数15ベストアンサー獲得回数02004/05/11 19:26:09

ポイント20pt

http://webmaster.hatena.ne.jp/1084267773#

<td width=”330” height=”271” valign=”top” background=”images/change_photo2.jpg”><table width=”330” border=”0” cellpadding=”1” cellspacing=”0”> .. - 人力検索はてな

<script language=”JavaScript”>

<!--

stcnt = 0;

today=new Date();

h=today.getMonth();

if ((h >= 1) && ( h <= 3)) {

gazou1 = ”spring.jpg”;

}

if ((h >= 4) && (h <=6)) {

gazou1 = ”summer.jpg”;

}

if ((h >= 7) && (h <=9)) {

gazou1 = ”fall.jpg”;

}

if ((h >= 10) && (h <=12)) {

gazou1 = ”winter.jpg”;

}

document.write(’<IMG src=”’+gazou1+’” width=”xxx” height=”xxx” border=”0”>’);

// -->

</script>

で可能です。

(URLはダミー)

id:aki73ix No.4

aki73ix回答回数5224ベストアンサー獲得回数272004/05/12 18:33:34

ポイント100pt

>上記の中の¥は何なのでしょうか?

document.writeだけでなくコマンドの中に引用符”〜”で区切られた部分の中にさらに”があった場合は¥でエスケープしてやる必要があります

>” (ダブルクオーテーション) や、’ (シングルクオーテーション) を文字として出力するには、エスケープ記号 ¥ を直前に付けて、 ¥” , ¥’ とします。

ここでの/の逆向きのマークは ¥マークのことです

id:ykan

ご丁寧にありがとうございます。

何かありましたら宜しくお願い致します。

2004/05/12 20:12:41

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません