2016-08-07 11 views
2

私は初心者です。私のコントローラには、HTML形式のいくつかのパラメータに応じて様々なアニメーションGIFファイルへのURLを生成する機能があります。それは動作しますが、基本的にAngularJSでロードしたときにFirefoxでアニメーションGIFが再生されない

<img alt="preview" src="{{ctrl.previewURL()}}"/> 

:私は、このように、そのGIFファイルを表示するようになっているimgタグを持っています。入力フィールドの値を変更すると、イメージはそれに応じて更新されます。しかし、この方法でロードされた3番目のイメージの後、GIFはアニメーションの再生を停止します(正しいファイルはまだ読み込まれていますが)。これは、それらをロードしようとする順番に関係なく起こります。したがって、ファイル自体に問題はありません。

興味深いことに、この問題はFirefox(私はバージョン48を使用しています)でのみ表示されるようです。それはすべてMicrosoft Edgeで完璧に動作します。私はまだ他のブラウザを試してみる機会がありませんでした。

これをFirefoxでも動作させる方法はありますか?あるいは、Angularでこれを行うより良い方法がありますか?

答えて

0

ブラウザが最初に「{{ctrl.previewURL()}}」とSRCを参照代わりsrc使用ng-src

の、角度開始ワークまでようng-srcを使用して画像のみの角度でロードされます。

あなたのコード:

<img alt="preview" ng-src="{{ctrl.previewURL()}}"/> 
+0

ちょうどそれを試してみましたが、若干の改善を得た:私はロードしようとした画像はまだ(最初の2を除く)最初で凍結表示されますが、私は同じものをロードしようとすると、再び、彼らは正しく再生されます。残念ながら実際にはまだ問題を解決していません。ここではFirefoxについてのみ話をしていますが、Edgeではうまく動作します。 – Andii

+0

また、それを 'src'に戻した後、突然同じように動作します... – Andii

+0

いくつかのグーグルの後、私はそれがFirefoxの一般的なバグだと思っています。 – kobe

関連する問題