LoginSignup
1
2

More than 5 years have passed since last update.

Javascriptのスライドショー(cameraとか)で、MacのSafariで一瞬次の画像がでてしまう!時の対処方法

Posted at

Safariだけですけど、スライドショーでアニメーション後に次の画像が表示される前に、一瞬だけ画像が表示されることがありました。
apacheでキャッシュが無効化されている場合に再現できたので、対処方法メモです。

レンタルサーバだとapacheの設定変更ができないので、htaccessで書きます。

<Files ~ ".(gif|jpe?g|png|ico)">
    Header unset Pragma
    Header unset Cache-Control
</Files>

Filesの正規表現で、下記の様に

<Files ~ ".(gif|jpe?g|png|ico)$">

\$を付けると、hoge.jpg?123353666のようにJS側で勝手にキャッシュされないようにしている場合対象にならないので、さくっと\$を外しました。

・apacheのヘッダーで「pragma no-cache」「Cache-Control: no-cache」がデフォ
・htaccessでHeaderが有効になっている
・Safariで一瞬画像がでてしまう!

の条件の人は、試してみる価値はあると思います。

1
2
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
1
2