![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
現在、
<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やスクリプトは使いたくないのですが、使わなくてはいけないのであれば、教えてください。
お願いします。
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/operat …
あと、JavaScriptを使ってよければ、画像ファイルを可変パラメータつきで呼び出すなんて手もあります。
No.3
- 回答日時:
初めまして
表示する度に(ブラウザの更新ボタン含む)表示される画像を変更する方法は
PHPやCSSやjavascriptなどいくつか方法があります。
一番簡単な方法はjavascriptでの記述だと思います。
求めていた方法ではないかもしれませんが参考にして下さい。
参考URL:http://e-html.aofp.net/java_info/j_sample.html
やっぱりそっちになってしまうのですね。
そちらの知識がないため、サンプルを見ても理解できませんでした。
勉強したいと思います。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
WEBページを強制的に横画面で見...
-
テーブルタグのセルの幅の一部...
-
ウェブサイトにアップされてい...
-
css初心者 フレックスボックス...
-
HTMLで画像をポップアップで表...
-
メモ帳の段落の揃え方
-
角丸画像の背景色を透明にした...
-
HTMLタグのあるCSVファイルを利...
-
HTML入門でもう躓いてしまった。
-
初心者html・CSS ウィンドウを...
-
cssの display: flex;で横並び...
-
静止画画像をクリックすると音...
-
スマホで、左右にスワイプして...
-
iPhoneで HTMLファイルを閲覧
-
スマホでHTMLファイルを開いて...
-
疑似要素で背景画像に指定したS...
-
HTML、cssのatomつぅー...
-
webデザインの勉強で、HTML/CSS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VBのPictureBoxで画像をドラッ...
-
デスクトップにある画像のパス...
-
HTMLの画像自動更新について
-
IE6でCSSに指定したpngの背景...
-
.htaccessによるサブドメインの...
-
.htaccess アクセス制限がエラ...
-
javascriptを使うとIEで警告文...
-
画像の上にあるプルダウンボタ...
-
イメージツールバー
-
wikipediaのリンク先の画像が見...
-
ApacheのBasic認証のログの取り方
-
JANコードを検索出来るサイト
-
google.co.jpはホスト名ですか?
-
グーグルで検索順位が上がると...
-
ikeyとは何ですか?
-
Google アラートみたいなサイト...
-
外部の別ホストからのPOST送信...
-
Basic認証のパスワードをユーザ...
-
Googleなどで自分のHPがひっか...
-
検索したときに出るサブタイト...
おすすめ情報