- ベストアンサー
時間で画像表示が変化する方法
「ページがロードされて何秒か時間が経過すると、表示されている画像が指定した画像に変化する方法」をご存知の方教えて下さい。よろしくお願いします。
- oohchan
- お礼率57% (8/14)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ページごと更新するのが簡単な方法です。 <HEAD></HEAD>の間に <META HTTP-EQUIV="Refresh" CONTENT="10;URL=http://newfile.html/"> という１行を入れれば、１０秒後に newfile.html が表示されます。 他にもダイナミックHTMLという方法があります。JavaScriptとスタイルシートを使う方法です。＞参考URL
関連するQ&A
- ホームページで決まった時間から一定時間で表示変更
ホームページ上で一定時間でテキストまたは画像を表示を変化させる事のできるスクリプトを探しています。 そのページが表示された時から指定時間毎に変化 毎日決まった時間に変化 のスクリプトはよくみかけるのですが、そうではなく、やりたいことは 決まった時間から一定時間毎に変化 です。 たとえば、６月１１日の１７時から３０時間毎に３種類の表示を順番に変えていく、といった感じです。 ご存知の方、またやり方の書いてあるサイト様をご存知の方お願いします。
- ベストアンサー
- JavaScript
- HTMLの画像を最初にロードしようと思います
WEBページで画像の掲載ページを作成しています。 サムネイルにマウスオーバーすると指定場所に 画像をプレビュー表示する仕組みです。 しかしマウスオーバーした際に初めて画像のロードを開始するため、 一つオーバーする度に数秒ロードする時間があり、あまりサクサク見れない状態です。 この回避方法として、ページのはじっこに1px * 1pxで見えないように 全ての画像を設置しておき、ページを開いた際に あらかじめ全ての画像をロードしておこうかと考えています。 これについて質問なのですが (1)この方法に何かデメリットはあるのか？ →自分で試してみたところ特にデメリットは感じず 想定通りマウスオーバー後のロードが早くなりました。 (2)このほかに（もっといい方法が）あるのか？ →今の時代こんなアナログな方法よりも あらかじめ全ての画像を読み込むようなタグがありそうな気もします・・。 公開時期が割りと迫っているため、 とても困っているに設定しました。 よろしくお願いします。
- ベストアンサー
- CSS
- 経過時間を表示させたい（Ｃ言語）
今以下のようなプログラムを作っています。問題の部分だけ載せておきます。 ・ ・ ・ a=0; b=0; time(&t1); for(○;△;□){ X番目の素数を表示させるアルゴリズム; time(&t2); b=t2-t1; if(a<b){ a=b; printf("%d秒経過...\n",a); } ・ ・ ・ これですと経過時間は 1秒経過... 2秒経過... 3秒経過... ・ ・ ・ と表示されるのですが、僕が目指しているのは、例えば、2秒経過したら「2秒経過...」という表示を「1秒経過...」を消してそのところに表示させたいのです。 つまり、まるで秒数の部分だけ変化しているように見せたいのです。 もし、やり方が分かる方がいましたら教えていただけると嬉しいです。ぜひともよろしくお願いします。
- ベストアンサー
- C・C++・C#
- 処理時間の計測中に、任意の時間が経過してしまったら、警告表示を行いたいですが、方法が分からないでいます
C++で、 ある処理の実行に要する時間の計測を行う ソースを書いていたのですが、 時間の計測を開始してから、 3秒以上が経過してしまった場合にのみ、 処理の進行状況に関わらず、 「3秒経過済み」と表示してあげたいと思っていましたが、 時間の計測を、 「difftime」などで表示する方法は分かったものの、 処理の実行中に、3秒以上経過したら、 取り合えず、「3秒経過済み」と表示させる方法が 分からないでいます。 何かアドバイスいただけるとありがたいです。 宜しくお願い致します。 ====================== time_t start, end; time( &start ); //計測開始 //処理が実行される //処理時間の計測中に「最初の3秒が経過してしまった場合」にのみ「3秒経過済み」と表示してあげたい time( &end );//計測終了 ======================
- ベストアンサー
- C・C++・C#
- スライドショーの表示タイミングを画像ごとに変えられるか？
スライドショーの表示タイミングを画像ごとに変えられるか？ 複数の画像をスライドショーで表示するとき、画像と画像の時間（つまり1枚当たりの表示時間）は 任意に設定できると思うのですが、それらの時間に長短の差をつけて表示させる事は できるのでしょうか？ 例えばA、B、C、Dの4枚の画像をスライドショーさせるとする時、 「AとBは5秒Cは20秒でDは7秒」という具合です。 もし可能だとすればどのようなソフトを使うのでしょうか？ フリーソフだとありがたいのですが有料でもいいのをご存知ならばお教え下さい。 尚、HTMLのタグのように難しい設定が必要になるのは自信がありません。 こちらで画像と表示時間を指定して後はソフト任せというのが理想なのですが・・・。 画像処理に詳しい方、ご存知でしたらよろしくお願いします。
- ベストアンサー
- 画像・動画・音楽編集
- 時間指定で画像を表示
PHPかCGIかどちらで聞けばいいのか悩んだのですが、こちらで質問させていただきます。 ある画像を、設定した時間になるとWEB上に表示させたり消したりしたい場合は、PHPでそういうことが出来るのと聞いたことがあるのですが、CGIで同じことは出来ないでしょうか？ また、こういった時間指定をする場合、その時間はどこから読み取った時間になるのでしょうか？ 質問の意味が分かりにくくてすいません。 なんと言えばいいか分からなくて・・・。 ご存知の方、よろしくお願いいたします。
- 締切済み
- PHP
- 画像をポイントすると別の画像が表示される方法を教えてください。
JavaScriptのページを調べてみたのですが有効な方法がないので 教えてください。よろしくお願いします。 例えば、TOPなどの画像をポイントすると、違う画像が表示され、 ポイントをはずすとまた最初の画像が表示されるようにする方法は ありますでしょうか。 ご存知の方がいらっしゃいましたら、回答をお待ちしております。 よろしくお願いします。
- ベストアンサー
- HTML
- 5～10秒間隔で画像を表示する方法
ホームページで、5～10秒間隔で表示させる画像を差し替える方法orそういうプログラムを配布してくれているサイトさんってあるのでしょうか？ 差し替える画像の数は、5枚ぐらいです。 あったら是非、使いたいのでどなたかご存知の方教えてください。 お願いします。<(_ _)>
- ベストアンサー
- HTML
- 決まった曜日で一定時間だけ表示画像を切替えたい
ホームページ内の一部で、 曜日指定で一定時間だけ表示画像を切替えたいのですが、 日付指定で変わるものばかりしか検索で見つけられずに困っております。 具体的には「毎週火曜日10：00～11：00」までは、自動でＡ画像を表示し それ以外はＢ画像を表示するようにしたいです。 現在は下記（日付指定で画像を変更）をなんとか変更すればできるかと思い 設置して動作させてみました。 ですが、私はJavaScriptに関して初心者なので 曜日指定と、再び元の画像表示に戻すのに どうしていいのか分かりませんでした。 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - window.onload = changeDisplay; function changeDisplay(){ var objDate = new Date(); var now = objDate.getTime();//現在のタイムスタンプ（ミリ秒）を取得 var changeTime = new Date("Jan 1, 2011 00:00:00");//切り替える日時のタイムスタンプ（ミリ秒）を取得 //切り替え前 if (now < changeTime) { document.getElementById('hoge').style.display = "block"; document.getElementById('hoge2').style.display = "none"; setTimeout("changeDisplay()", 1000);//1秒ごとに実行（◯秒ごとの場合は、第2引数に 「◯ * 1000」 と記述） //切り替え後 } else { document.getElementById('hoge').style.display = "none"; document.getElementById('hoge2').style.display = "block"; } } - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 参考サイト http://blog.aidream.jp/javascript/javascript-timed-display-change-402.html これを、どう変更すればよいのでしょうか？ またあるいは、別によい記述方法はあるのでしょうか？ 下記の過去の質問も拝見してみましたが、 参考サイトのリンク先もなくなっていたりして、分かりませんでした。。。 「曜日と時間を指定して表示画像を切り替える」 http://okwave.jp/qa/q1832822.html すみませんが、よろしくお願いいたします！
- ベストアンサー
- JavaScript
お礼
早速ご返事ありがとうございます。 ページごと更新する方法で表示変更することが出来ました。 本当にありがとうございました。