1

Chromeでgifを機能させることに問題があるようです。FireFoxとOperaでは問題なく動作しますが、Chromeでは少しスクロールし続けた場合にのみ動作するようです。gifを含むレスポンシブ視差Webサイトを構築していることを知っておくと便利かもしれません。これに関する情報は見つかりません。Chromeでgifがまったく再生されない場合があるだけです。

4

2 に答える 2

2

これを修正する必要があるかどうかはわかりませんが、GIFが背景画像の場合はこれを行う必要がありました。ChromeはGIFをキャッシュするため、1回だけ再生されます。jQueryで再度再生するには、アニメーションを「強制」する必要があります。

<script type="text/javascript">
$(document).ready(function () {
    $("#myContainer").css("background-image", "url(/images/myAnimation.gif?"+ Math.random() + ")" );
});
</script>

ほとんどの場合、GIF URLの最後に乱数を追加して、画像の新しいインスタンスであると見なすため、ブラウザにアニメーションの再生を強制します。ブラウザでJSの問題が発生した場合に備えて、要素の背景のCSSにGIFを配置します。

一種のハッキーですが、それは機能します。

于 2014-02-21T20:41:33.600 に答える
1

問題は、gifが100%の背景として設定されていたことです。html内に画像として配置すると、再び機能しました。これは理由を説明していませんが、回避策を提供します。

于 2013-03-08T10:41:55.410 に答える