人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

<td width=”330” height=”271” valign=”top” background=”images/change_photo2.jpg”><table width=”330” border=”0” cellpadding=”1” cellspacing=”0”>
上記のbackgroundの画像を季節(4枚の画像が変わります)によって変わるようにしたいのですが、どういうスクリプト(js)を記入すればよいのでしょうか?

●質問者: ykan
●カテゴリ:ウェブ制作
✍キーワード:background js スクリプト 画像
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● aki73ix
●20ポイント

http://mugi.cc/js/

こんな感じで・・・

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

<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>

◎質問者からの返答

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


2 ● indigoworks
●20ポイント

http://www2s.biglobe.ne.jp/~Hiro/html/javascript_list.html

Java Script List

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

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

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


3 ● umanami5
●20ポイント

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はダミー)


4 ● aki73ix
●100ポイント

http://www.axis.t.u-tokyo.ac.jp/~shunak/ecmascript/hello-js.html

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

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

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

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

◎質問者からの返答

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ