- ベストアンサー
テーブルの背景画像をランダムに変えるには?
当方時間が無く非常に困っております。助けてください。 質問はタイトルとおりなのですが、 テーブルの背景画像をJavaScriptでランダムに変えるにはどのように記述すれば良いのか教えてください。 3枚位の画像数で、<table>タグ内のbgimageを変えたいのです。 宜しくお願い致します。
- Dabadaba
- お礼率100% (6/6)
- JavaScript
- 回答数3
- ありがとう数3
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
ちょっと反則っぽいですけど…(^_^;l||) <SCRIPT LANGUAGE="JavaScript"> bgsrc1 = "bg1.gif"; bgsrc2 = "bg2.gif"; bgsrc3 = "bg3.gif"; tt = '<TABLE ALIGN="center" BACKGROUND="'; ival = Math.random() * 3; rnum = Math.floor(ival); if (rnum == 0) { bgsrcx = bgsrc1; } else if (rnum == 1) { bgsrcx = bgsrc2; } else if (rnum == 2) { bgsrcx = bgsrc3; } tt = tt + bgsrcx + '">\n'; document.write(tt); </SCRIPT> ってな具合に、本来のTABLEタグの記述部分を置き換えてみてはどうでしょうか?
その他の回答 (2)
- xruz
- ベストアンサー率50% (72/143)
こんにちはDabadabaさん、xruzです。 3秒毎にテーブルの背景画像がランダムに変わります。 (Ie5.5sp2でのみ動作確認済み) <html> <head> <title></title> </head> <script language="JavaScript"> <!-- var itt="3000"; // interval Time var bgi=new Array( "img1.gif", "img2.gif", "img3.gif"); var tid; function chgbg() { clearTimeout(tid); document.all("tbl0").background=bgi[parseInt(Math.random()*bgi.length)]; tid=setTimeout("chgbg()",itt); } //--> </script> <body onLoad="tid=setTimeout('chgbg()',10);"> <table id="tbl0" border="1" width="100px" background="img1.gif"> <tr><td>.</td><td>.</td><td>.</td></tr> <tr><td>.</td><td>.</td><td>.</td></tr> <tr><td>.</td><td>.</td><td>.</td></tr> </table> </body> </html> がんばってくださいね(~:~i
お礼
レスありがとうございます。お返事遅くなり申し訳ございません。 なんとかいけました。 がんばります! ありがとうございました。
- peso
- ベストアンサー率41% (40/97)
画像はソースと同じディレクトリにあり、 画像ファイル名はそれぞれ 0.gif 1.gif 2.gif で、この3つをランダムに表示します。 <HTML> <BODY> <SCRIPT language = "JavaScript"> <!-- var imgno = (Math.floor(Math.random() * 3) + 1) % 3; document.write("<TABLE background = ", imgno ,".gif>"); document.write("<TR><TD>a</TD><TD>b</TD></TR>"); document.write("<TR><TD>1</TD><TD>2</TD></TR>"); document.write("</TABLE>"); //--> </SCRIPT> </BODY> </HTML>
お礼
早速のレスありがとうございます。お返事遅くなり申し訳ございません。 なんとかいけました。 ありがとうございました。
関連するQ&A
- テーブルの背景画像をランダムに。
こんばんは。 よく、背景画像がランダムで出てくるのってありますよね。 あれをテーブルの背景では出来ないでしょうか。 <TABLE background="画像のURL">の背景を ランダムにするやつです。 宜しくお願いします。
- ベストアンサー
- HTML
- テーブルの背景画像をランダムで表示する
恐らくJavaScriptだと思うのですが、テーブルの背景画像をランダムで表示するにはどうすればいいんでしょうか? ページ全体の背景をランダムで表示するソースは見つかったのですが・・。
- ベストアンサー
- JavaScript
- テーブルもしくセルの背景をランダムにしたいがうまくいかない
テーブルの背景を表示のたびに変えたいと思っています。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=171099&rev=1 この記事を参考にしました。 用意している壁紙は7枚で画像ファイルは0~7.gifとしています。 記述するhtmlファイルと同じ階層にhaikeiフォルダを置き、その中に0~7.gif画像を入れました。画像の大きさは200*150で統一しています。 <SCRIPT LANGUAGE="JavaScript"> <!-- var imgback = "haikei/" ; var imgno = (Math.floor(Math.random() * 6) + 1) ; document.write("<TABLE frame=\"void\" cellpadding=\"0\" width=\"200\" height=\"150\" background = ", imgback+imgno ,".gif>"); document.write("<TR><td align=\"center\">hallo!</TD></TR>"); document.write("</TABLE>"); //--> </SCRIPT> ランダムにならないどころか何も表示されません。 どこがどう間違っているのでしょうか。
- ベストアンサー
- JavaScript
- 背景画像がテーブルに透けてしまう
<body background="画像のURL"> <STYLE TYPE="text/css"> <!-- BODY { background-color: white} --> </STYLE> <Table Border="1" Width="サイズ"> <Tr> <Td ColSpan="サイズ" Align="位置">~ という感じでページを作っているのですが、 背景の画像が透けてテーブルの中の文字が見え難く 困っています。 テーブルの中は「white」で白に指定している つもりなのですが、白になりません。。 このタグでテーブルの中を背景が反映されず真っ 白にする方法ってあるのでしょうか? 調べてみたのですがどうも分からないので教えて下さい。
- ベストアンサー
- レンタルサーバ・ASP
- セルの背景画像ランダムチェンジがうまくいきません!
過去の質問などを参考にセルの背景画像のランダムチェンジのソースを作りましたがうまく表示されません!何かアドバイスがあれば是非お願いします。 <head> <script language="javascript"> var BGimg=new Array(); BGimg[0]="image/01.gif"; BGimg[1]="image/02.gif"; var img_pcs=BGimg.length;//画像の数 var rdm_num=Math.floor(Math.random()*img_pcs);//乱数 function chg_BGimg(){ document.getElementById("changeIMG").style.backgroundImage="url('"+BGimg[rdm_num]+"')"; } </script> </head> <body onload="chg_BGimg();"> <table bgcolor="#333333"> <tr> <td id="changeIMG" style="background-image:url('image/first.gif');">このセルの背景が変わります</td> <td>blank</td> <tr> </table> </body> (実際のテーブルは列11×行9です。) 以上がソースです。どうも初期設定のfirst.gifが一瞬だけ表示されて、あとはテーブルの背景色になり、何も画像が表示されてず、「×」マーク(画像が見つからなかった場合にでるアイコン)もないのです。 このソースの改良点または、全く違う方法でも結構です、何かアドバイスがあれば是非お願いします。よろしくお願いします!
- ベストアンサー
- JavaScript
- テーブルの中の背景画像
windowsでHTMLを制作しています。 テーブルの中にテーブルを入れてレイアウトしているのですが、 大きいほうのテーブルに背景画像を指定、 中に入れた小さいテーブルには下の背景をそのまま反映させたいと思います。 IEでは問題なく表示されますが、ネスケで見ると、 小さいテーブルにもダブって背景画像が出てきてしまいます。 解消するタグはあるのでしょうか。
- ベストアンサー
- HTML
- 表内の背景をランダムに
JavaScript初心者です。回答していただければ幸いです。 ビルダーを使用してHPを作成しています。 調べてみたらページ自体の背景の画像をランダムにするというのはありましたが、 表内の背景をランダムに表示する方法がわかりません。 どなたかお助けいただけないでしょうか?
- 締切済み
- JavaScript
- 一定時間ごとにテーブルの背景を変える
すみません。どなたか分かる方教えてください。javascriptを使ってテーブルの背景を一定時間ごとに変えたいのですが(ランダムではなく時間を指定してです)、うまくいきません。 簡単なソース、もしくは該当するページをご存知の方いらっしゃいましたら、ご教授願います。
- ベストアンサー
- JavaScript
お礼
早速のレスありがとうございます。お返事遅くなり申し訳ございません。 これでいけました。 ありがとうございました。