テーブル背景画像の定時入替え

質問

テーブルの背景画像を時間または日にちで入替えたいと考えています。

現状は
<table width="700" height="140" border="0" cellpadding="0" cellspacing="0" style="BORDER-RIGHT: #7B7B7B 1px solid;BORDER-LEFT: #7B7B7B 1px solid;BORDER-TOP: #7B7B7B 1px solid;BORDER-BOTTOM: #7B7B7B 1px solid" background="image/top.jpg" align="center">
の形で画像を指定しています。

これをJavaScriptとスタイルシートで変化させたい考えです。

取りあえずDocument.writeでやってみましたが上手くいきません。

これ以外の方法があればどのような書き方をすればよいでしょうか？

お願いいたします。

回答No.2

BLUEPIXY · ベストアンサー

background="image/top.jpg"
の部分を
styleの中にいれて
background-image:url('image/top.jpg');
とします。
tableにidをつけて
<table id="BACKIMG" …>
とかして、
javascriptの方で、
document.getElementById("BACKIMG").style.backgroundImage="url(image/new.jpg)";
とします。
あと、
borderの指定を四方全部する時は
border:#7B7B7B 1px solid;
の1つで良いです。

補足

回答頂き有難うございました。

自分なりに設定を直してみたのですが動かない状態です…
もう一度ご教授をお願いします。

tableタグ内は、ご指示のように編集しました。
<table id="BACKIMG" ～中略～ style="BORDER: #7B7B7B 1px solid; background-image:url('image/top.jpg');">

またJavaScriptは外部ファイルにして
【Change.js】の内容↓
function fncChange() {
var a;
var date = new Date();
var d = date.getDate();
a = d % 7;

if (a==0){
document.getElementById("BACKIMG").style.backgroundImage="url(images/images0/top.jpg)";
}else if (a=1){
document.getElementById("BACKIMG").style.backgroundImage="url(images/images1/top.jpg)";
}else if (a=2){
document.getElementById("BACKIMG").style.backgroundImage="url(images/images2/top.jpg)";
}else if (a=3){
document.getElementById("BACKIMG").style.backgroundImage="url(images/images3/top.jpg)";
}else if (a=4){
document.getElementById("BACKIMG").style.backgroundImage="url(images/images4/top.jpg)";
}else if (a=5){
document.getElementById("BACKIMG").style.backgroundImage="url(images/images5/top.jpg)";
}else if (a=6){
document.getElementById("BACKIMG").style.backgroundImage="url(images/images6/top.jpg)";
}
}

HTMLにはHEADタグの間に
<SCRIPT language="javascript" src="Change.js">
<!--//
fncChange();
//-->
</SCRIPT>
を記述しています。

これで不足してる部分がありますでしょうか？
解決策をよろしくお願いします。

回答No.1

noname#67354

この中にヒントがあるでしょうか？
私自身はあまり詳しくないのですみません…
↓
http://z.la/qx1sc

参考URL：

http://z.la/qx1sc