![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
現在こちらのサイト( http://plusblog.jp/3719/ )のJavascriptカウントダウンを用いてサイトを作っているのですが、トップに表示している画像をカウントが0になったら、自動で別の画像に切り替えることができないか悩んでいます。
var timer = new CountdownTimer('CDT',tl,'画像のパス');
これで指定した日時に画像を出すことは出来たのですが、これだと最初に表示させていた画像が消えません。
なんとか良い方法はありませんでしょうか?
No.2ベストアンサー
- 回答日時:
こんにちは。
余計な一言すみません。
職業柄もっと綺麗な作り方あるかも?とかいろいろ考えちゃいまして。
この動きで問題が無ければ使ってください。特に問題は起きません。
No.1
- 回答日時:
こんにちは。
とりあえず実装するのであれば以下のような感じで行けると思います。
=== 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に選ぶ前に質問なのですが、これで何か不具合が出る可能性はあるのでしょうか?
回答者様の一文目「とりあえず」の部分が引っかかってます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- その他(プログラミング・Web制作) Leafletで画像をon、offさせる方法について 2 2022/11/01 15:34
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- Windows 10 Windows10 の設定?について (長文ですがよろしくお願いします)m(_ _)m 3 2022/05/14 12:22
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(パソコン・周辺機器) ウインドウズ10のログオフ画面に現れる画像について教えて下さい ログオフをしてログイン待ちの画面にな 1 2023/05/19 21:37
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PDFの保存ボタンが表示されません
-
ViXの全画面表示で画像が画面一...
-
UWSCについて
-
たくさんのjpgファイルをスクロ...
-
ファイルの種類をJPEGから...
-
IrfanView で画像のスクロール...
-
蔵衛門のアルバムの表紙の画像...
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
ロゴマークだけを抜き取って貼...
-
画像の背景消しのeps保存について
-
アイコンの背景を透過させたい
-
画像を2枚ずつ表示できるビューワ
-
ゆっくりムービーメーカー4で、...
-
テーブル内の画像がずれてしま...
-
HP作成 作成した画像を動画の上...
-
<A href= と<IMG srcの使い分け
-
期間ごとに画像表示を切り替え...
-
DirectXで画像表示
-
WEB上でディレクトリ内の画像を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
PDFの保存ボタンが表示されません
-
画像貼り付け、URLに飛べる軽い...
-
蔵衛門のアルバムの表紙の画像...
-
「縮小専用」で縮小した画像が...
-
IrfanView で画像のスクロール...
-
たくさんのjpgファイルをスクロ...
-
UWSCについて
-
Illustratorの書類に埋め込まれ...
-
Chromeで画像が表示されない
-
”筆ぐるめ” でイラストの取り込み
-
FlashMX2004 画像の取込み
-
フォトショップCSの16bit表示
-
C言語で白黒の画像表現
-
グーグルアースの雲って消せな...
-
ホームページ画像掲載
-
PowerDirectorでバックで曲が流...
-
JAVA画像作成
-
スキャン画像と写真画像の違い...
-
Adobe Photoshop Elements 4.0...
-
ViXの全画面表示で画像が画面一...
おすすめ情報