指定した日時で画像を切り替えたい

質問

現在こちらのサイト（ http://plusblog.jp/3719/ ）のJavascriptカウントダウンを用いてサイトを作っているのですが、トップに表示している画像をカウントが0になったら、自動で別の画像に切り替えることができないか悩んでいます。

var timer = new CountdownTimer('CDT',tl,'画像のパス');

これで指定した日時に画像を出すことは出来たのですが、これだと最初に表示させていた画像が消えません。
なんとか良い方法はありませんでしょうか？

回答No.2

LancerVII · ベストアンサー

こんにちは。

余計な一言すみません。
職業柄もっと綺麗な作り方あるかも？とかいろいろ考えちゃいまして。
この動きで問題が無ければ使ってください。特に問題は起きません。

回答No.1

LancerVII

こんにちは。

とりあえず実装するのであれば以下のような感じで行けると思います。

=== HTML 元の画像を表示している部分を<div id="moto">で囲む
<div id="moto"><img src="/images/test.jpg" width="300" height="200"></div>

==== JavaScript(抜粋)

if( ( this.tl - today ) > 0 ){
if (day) timer += '<span class="day">'+day+'日</span>';
if (hour) timer += '<span class="hour">'+hour+'時間</span>';
timer += '<span class="min">'+this.addZero(min)+'分</span><span class="sec">'+this.addZero(sec)+'秒</span><span class="milli">'+this.addZero(milli)+'</span>';
this.elem.innerHTML = timer;
tid = setTimeout( function(){me.countDown();},10 );
}else{
this.elem.innerHTML = this.mes;
　//　ここを追加する↓↓↓
document.getElementById('moto').style.display = 'none';
//　ここを追加する↑↑↑
return;
}

こうすれば元の画像を非表示にし、"画像のパス"で指定した画像が<div id="CDT"></div>に表示されます。

補足

先ほど試したら理想の動きをしてくれました。回答ありがとうございます。
BAに選ぶ前に質問なのですが、これで何か不具合が出る可能性はあるのでしょうか？
回答者様の一文目「とりあえず」の部分が引っかかってます。