7
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Gif画像のリロード問題

Last updated at Posted at 2015-11-25

#Gif画像のアニメーションが、リロードすると再生されない。
gifアニメーションを含んだ、webページをリロードすると、gifアニメーションが再生されず、最後のコマで止まっている現象がおきた。この原因はキャッシュが残っているために起こるものだとわかった。

対策:gif画像の名前をロードするたびに変更する!

gifの名前の後に "?現在時刻" を入れることで、毎度のリロード時にgifの名前が変更される。そのため、もう一度gifを読み込み、アニメーション再生をしてくれる。

gifImage.js
var gifImage = document.getElementById("hoge");
gifImage.src = "hogehoge.gif?" + (new Date).getTime();

jsで書いたけど、JQueryでも同内容で対策できるのでは?

7
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?