ロールオーバーや先読みでgifアニメがおかしくなる件
IE7以上で1回のみのgifアニメが終わっていたり、
ループのgifアニメが途中から表示されてしまうときがあります。
解決法
先読みを止める。
先読み(ロールオーバーのJSにも含まれていることがあります)によって、(ロールオーバーする前でも)画像を読み込んだ瞬間からgifアニメが動いてしまっておかしくなってしまいます。
しかしこれだとIE11が動かない・・・
ロールオーバーの画像がgifアニメ(繰り返さない)のとき、ロールオーバー2回目から最後のコマしか表示されなくなった。
JavaScriptでGIFアニメーションを繰り返し読み込むときの注意点 | iwb.jpを参考に、ロールオーバー時の画像にクエリーを付けたら動いた。
ロールオーバー時画像パス
↓
ロールオーバー時画像パス+ '?' + (new Date).getTime()
全ブラウザこれでいけるか?と思ったら、Firefoxの挙動がおかしい
[JavaScript] Memo, IE 10, IE 11を判別するnavigatorプロパティ - userAgentを使わずに « イナヅマTVログを参考に、IE11のみ分岐
ロールオーバー時画像パス+ '?' + (new Date).getTime()
↓
var is_ie11 = !!window.navigator.pointerEnabled; //IE11かどうか
if(is_ie11) { //IE11のみ
ロールオーバー時画像パス+ '?' + (new Date).getTime()
} else { //それ以外
ロールオーバー時画像パス
}
Author And Source
この問題について(ロールオーバーや先読みでgifアニメがおかしくなる件), 我々は、より多くの情報をここで見つけました https://qiita.com/ituki_b/items/a8f211338e3d7c36bb82著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .