ページ内の画像だけを一定時間毎に自動更新させたい

解決済

質問者：now77
質問日時：2009/07/02 17:40
回答数：2件

ネットワークカメラを使って、留守中の犬をモニターしています。
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件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fujillin
回答日時：2009/07/02 17:53

index.htmlが実際に表示される親のHTMLですよね？

その中で
<BODY>
<iframe src="http://×××.××.jpg"> </iframe><br>
</body>
って、ダイレクトに画像を指定してしまっているので、このままではまったくリロードはされません。（iframe.htmlは全然関係ない状態）

iframeの表示内容をiframe.htmlにしたらどうなりますでしょうか？