Last Update: Jan.21,2026

JavaScript Sample

動作確認: ○Firefox115(Win7) ○Chrome109(Win7)

■ 画像・背景画像のキャッシュ対策

画像のパスを変更しないで、同名のファイルで上書きした場合、ブラウザのキャッシュが表示されてしまうことが頻繁に起こります。そこで、画像のパスにクエリとして現在の UNIX 時間(経過ミリ秒)を付加してキャッシュ対策を施します。なお、画像はサイズが大きいことがよくあるので、即時更新が必要かどうかを検討して、出来るだけ限定的なセレクタを指定できるように工夫するべきでしょう。なお、画像の URL の指定が1つの場合のみに対応しており、ウィンドウサイズの変更によるメディアクエリでの切り替えや srcset プロパティでの複数の画像候補指定などの複雑なものには対応していません。

■ テスト(画像)

動作を確認するために、5秒毎に <IMG> と <SOURCE> のそれぞれの画像を入れ替えています。




■ テスト(背景画像)

動作を確認するために、5秒毎に背景画像を入れ替えています。


■ ソース