- ベストアンサー
ページ内の画像だけを一定時間毎に自動更新させたい
ネットワークカメラを使って、留守中の犬をモニターしています。 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> また、別の方法でスムーズに画像だけを更新させる方法がございましたら 教えていただけないでしょうか。よろしくお願いします。
- みんなの回答 （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 にするのでは。
お礼
全く、完全に見落としていました(汗) 恥ずかしい限りですが、ご指摘いただいて、助かりました。 ありがとうございました！！
お礼
はっ！！！！ そうでした(汗) 自分では間違いないと思い込んでおり、とんだ大失態をしておりました。 これではうまくいくはずが無いですね・・。 ご覧いただいて、助かりました。 ありがとうございました！！