- ベストアンサー
ページ内の画像だけを一定時間毎に自動更新させたい
ネットワークカメラを使って、留守中の犬をモニターしています。 FTPサーバーに10秒ごとに静止画のJPGファイル（同名）が転送 されるように設定しています。 これをサイト内で公開したいと思っており、出来れば画像のみを 10秒ごとに自動更新で表示されると良いなと思っております。 ページ全体をリロードさせてしまうと、鬱陶しいことになりますので、 画像だけリフレッシュさせたいのですが、うまくいきません。 過去の質問（http://okwave.jp/qa1104885.html）を拝見し、 Iframe内に埋め込んだのですが、更新されません。 また、良回答の書き方でもうまくできませんでした・・・。 キャッシュを残させないようにもしたのですが。 この書き方では間違っていますでしょうか。 ------------- ■iframe.html ------------- <HTML> <HEAD> <META http-equiv="refresh" content="10"> </HEAD> <BODY> <img src="http://×××.××.jpg"> </body> </HTML> ------------- ■index.html ------------- <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=x-sjis"> </HEAD> <BODY> <iframe src="http://×××.××.jpg"> </iframe><br> </body> </HTML> また、別の方法でスムーズに画像だけを更新させる方法がございましたら 教えていただけないでしょうか。よろしくお願いします。
- now77
- お礼率67% (116/171)
- HTML
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
index.htmlが実際に表示される親のHTMLですよね？ その中で <BODY> <iframe src="http://×××.××.jpg"> </iframe><br> </body> って、ダイレクトに画像を指定してしまっているので、このままではまったくリロードはされません。（iframe.htmlは全然関係ない状態） iframeの表示内容をiframe.htmlにしたらどうなりますでしょうか？
その他の回答 (1)
- steel_gray
- ベストアンサー率66% (1052/1578)
index.htmlでiframeのsrcに指定するのは http://×××.××.jpg ではなく、 iframe.html にするのでは。
お礼
全く、完全に見落としていました(汗) 恥ずかしい限りですが、ご指摘いただいて、助かりました。 ありがとうございました！！
関連するQ&A
- 一定時間毎に画像を自動更新したい
タイトルの通り、一定時間でアップロードされる画像（同名ファイル）で再描画したいのですが、 <HEAD> </HEAD>の間に設定した function で document.write('<IMG src="http://***.com/test.jpg" width="320" height="200" border="0">'); を行なうと <BODY> </BODY>で書いた物が消されて 表示されてしまいます。 <META HTTP-EQUIV="Refresh" CONTENT="1;URL=http://***.com/test.html/"> は試して見ましたが、不要な部分まで書換えで見辛いため現実的では有りませんでした。 宜しくお願い致します。
- ベストアンサー
- JavaScript
- HTMLの画像自動更新について
現在、 <meta http-equiv="Refresh" content="5">で自動更新をしているのですが、 毎回同じ画像が表示されてしまいます。 F5を押すと画像は更新されます。 キャッシュに問題があるのではと調べて下記のように書きました。 <HTML> <HEAD> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Pragma" content="no-cache"> <meta equiv="Expires" content="-1"> <meta http-equiv="Refresh" content="5;URL=index_i_i.html"> URLの「index_i_i.html」は同じHTMLファイル(名前は変えて)を用意して交互に飛ぶように設定しました。 ですが、上記の記述でも同じ画像が表示されます。 F5では更新されるのですが、F5と同じ更新をHTML内に記述するにはどうしたらよろしいのでしょうか？ できれば、CGIやスクリプトは使いたくないのですが、使わなくてはいけないのであれば、教えてください。 お願いします。
- ベストアンサー
- HTML
- 一定時間画像を表示させ、その時間が経過すると別のU
すみません。教えてください。（色々調べたのですが？） (1)ＰＭ14：00～14：59まで、T3．jpgをHPの画面に表示します。 (2)15：00からは、別のURLに自動的にリンクさせ表示させますと考えております 以下がソースです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <title>youbi</title> <!--<meta http-equiv=content-type content="text/html;charset=euc-jp">--> <SCRIPT Language="JavaScript"> <!-- Date = new Date(); Time = Date.getHours(); myIMG="T3.jpg"; if(Time==14){ document.write("<center><img src='"+myIMG+"'></center>"); } else { ⇒ここの記述がわかりませんので宜しくお願い致します リンク先のURL（anime.html)は、８枚の画像ファイルを10数秒毎に表示させたいと考えております } </script></HEAD> 参考までにリンク先のHTMLのソースです（仮称＝anime.htmlです） 【参考】 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <title>youbi</title> <!--<meta http-equiv=content-type content="text/html;charset=euc-jp">--> <SCRIPT Language="JavaScript"> <!-- m=8; ８枚の画像を10数秒毎に切り替えそれをPC電源断まで 継続表示させます？？ var j=1; var imags = new Array(); var cnt = 0 ; for(i=0 ; i<m ; i++){ imags[i] = 'T'+(j+i)+'.JPG'; } function anime(){ document.banner.src = imags[cnt++] ; if( cnt== m ) { cnt = 0 ; } } //--> </script> </HEAD> <BODY bgcolor="#fffcff"> <A href="anime.html"> <img src="T1.jpg" border="0" width="100%" name="banner" onload="setTimeout('anime()',12000)"> </A> </BODY> </HTML>
- ベストアンサー
- JavaScript
- カメラ・ページ自動更新
カメラで撮影した画像を5秒で自動更新したいのですが・・・ 現在は<META http-equiv="refresh" content="5">で更新していますが、この場合InternetExplorerだと画像が引き継がれてしまい画像が更新されません・・・ （Mozilerでは正常動作の確認をしました） この場合の方法を教えてください 場合によってはJavaなどでもかまいません・・・ よろしくおねがいします<m(__)m>
- 締切済み
- HTML
- CGIで画像更新？？
初めて投稿します。 短い間隔でサーバに送られてくるJPEG画像をcgiか何かを使って一定間隔で更新するホームページを作りたいのですが・・・ 数少ない知識を使っては見たのですが、 META content="text/html; charset=shift_jis" http-equiv=Content-Type META http-equiv="refresh" content="20" META HTTP-EQUIV="Pragma" CONTENT="no-cache" これだと、リロードの時に画像が上から表示されるので、シャッターを切っているみたいで使用できないと言われてしまいました。 特に言語は問いませんので宜しくお願いします。
- 締切済み
- CGI
- 指定ページに自動でジャンプができません
例えば、http://abc.co.jp/に自動でジャンプしたい場合ですが、 ホームページビルダーV6.5で !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="refresh" content="2;URL=" http://abc.co.jp/"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY background="w2b.gif"> <DIV style="top : 132px;left : 127px; position : absolute; z-index : 1; " id="Layer1"><IMG src="newimage2.gif" width="98" height="19" border="0"></DIV> </BODY> </HTML> と入力したのですが、指定のサイトにジャンプ出来ません。 どこがいけないのでしょうか？ また、どうしたら良いか教えて下さい！！
- ベストアンサー
- HTML
- これは何を意味しますか？
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY> <img src="./image/2151.jpg"> </BODY> </HTML>
- ベストアンサー
- HTML
- 質問iframeの中にページを自動で飛ばす方法
iframeの中にページを自動で飛ばす方法 違うページのフレームの中に今あるページを飛ばしたいんですが <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>AHREF</title> <meta http-equiv="REFRESH" content=";URL="> </head> <body bgcolor="#FFFFFF"> <br> このページは10秒経つと自動的に<a href=""></a>に飛びます。<br> </body> </html> こういう方法は分かったんですが、これでは飛ばした先の違うページのフレームの中で永遠に飛び続け、どんどん鏡を向かい合わせて写る世界のようにフレームのなかでページが増え続けていってしまいます。 一回だけ飛ばしたらあとはそのフレームのなかに収まって飛ばないようにする方法はないでしょうか？
- ベストアンサー
- HTML
- 新ウィンドウの画像をクリックして閉じる
画像を載せたホームページを作成しています。 target="_blank"で新ウィンドウで開いた画像をクリックして、新ウィンドウを閉じるにはどうしたら良いのでしょうか？ これじゃダメなんでしょうか？ <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <SCRIPT LANGUAGE="JavaScript"> <!-- function WinCls(){ window.close() } //--> </SCRIPT> <TITLE></TITLE> </HEAD> <BODY> <A href="aaa.jpg" javascript:WinCls()" target="_blank"><IMG src="aaa.jpg"></A> </BODY> </HTML>
- 締切済み
- JavaScript
- フレームページでの自動ジャンプ
フレームページでA.htmlとB.htmlがあるんですが 自動的に他ページへ飛ばすタグ <META HTTP-EQUIV="refresh" CONTENT="3;URL=http://..."> がありますよね？ 自動的へ飛ばすのをフレーム内B.htmlが切り替わるっていう風には できないでしょうか？ ---現在--- <html> <head> <title>フレーム</title> <META HTTP-EQUIV="refresh" CONTENT="10;URL=http://..."> </head> <frameset rows="20%,*" frameborder="no"> <Frame name="A" src="A.html"> <Frame name="B" src="B.html"> </frameset> </html> ------ こうなってるんですができませんか？ よろしくお願いします。
- 締切済み
- HTML
お礼
はっ！！！！ そうでした(汗) 自分では間違いないと思い込んでおり、とんだ大失態をしておりました。 これではうまくいくはずが無いですね・・。 ご覧いただいて、助かりました。 ありがとうございました！！