• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:HTMLの画像自動更新について)

HTMLの画像自動更新について

このQ&Aのポイント
  • HTMLの画像自動更新について解説します。
  • 現在、<meta http-equiv="Refresh" content="5">で自動更新をしているのですが、毎回同じ画像が表示されてしまいます。
  • F5を押すと画像は更新されます。キャッシュに問題があるのではと調べて下記のように書きました。HTMLの画像自動更新についての方法や設定について詳しく教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

これ、HTMLだけでは難しいようです。 no-cacheを指定すると、HTML自体はキャッシュされずに毎度新しく読み直します。 ですがそこからリンクされている画像・CSS・JavaScriptなどはキャッシュされてしまうので、せっかく新しいHTMLを取ってきても画像は前のまま表示されるという現象になるようです。 回避策は .htaccess に画像もキャッシュしないよう記述することです。 記述としてはこんな感じでしょうか。 <FilesMatch ".(gif|jpg|png)$"> Header unset Cache-Control </FilesMatch> 参考:ウェブサイトのパフォーマンス改善やセキュリティに役立つ.htaccessの設定 | コリス http://coliss.com/articles/build-websites/operation/work/17-useful-htaccess-tips.html あと、JavaScriptを使ってよければ、画像ファイルを可変パラメータつきで呼び出すなんて手もあります。

balius2_opti
質問者

お礼

HTML範囲ではできないみたいですね。 ありがとうございました。

その他の回答 (2)

回答No.3

初めまして 表示する度に(ブラウザの更新ボタン含む)表示される画像を変更する方法は PHPやCSSやjavascriptなどいくつか方法があります。 一番簡単な方法はjavascriptでの記述だと思います。 求めていた方法ではないかもしれませんが参考にして下さい。

参考URL:
http://e-html.aofp.net/java_info/j_sample.html
balius2_opti
質問者

お礼

やっぱりそっちになってしまうのですね。 そちらの知識がないため、サンプルを見ても理解できませんでした。 勉強したいと思います。 ありがとうございました。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

.htaccessに画像のキャッシュをしないよう指示するか・・それでもIEは設定によっては無視してキャッシュするけど・・  HTMLを読み込ませるたびに、HTMLを書き直すという手法もある。abc.jpg→def.jpg→・・・たとえば、現在時刻の時計の画像とかに使ったことがあります。

balius2_opti
質問者

お礼

HTMLを書きなおす事が出来る方法を勉強したいと思います。 ありがとうございました。

関連するQ&A