1
ここ
は、私は3つのGIF、アニメーションの一部をやって一つ一つを持って、事あるどうすればgifを制御できますか？
これらのGIFファイルは、scrollTopスプライトは、div要素、彼らが表示されますときある一定値に達したときに表示される<img src="images/carEnters.gif" id="enter">
<img src="images/carLeaves.gif" id="exit">
<img src="images/tireTracksDissappear.gif" id="delete">
ビューポートに表示されます。しかし、私はアニメーションが一回だけ起こることを望んでいます。つまり、アニメーションを繰り返す必要はありません。それから、もしユーアーが下にスクロールすると、私は車が（また一度）遊ぶために去るgifが欲しいです。そして、それが終わった後、私は最後のgifを再生します。 scrollTopで始まる瞬間を制御したり、特定の時間にアニメーションを一時停止したりすることはできません。私はを使ってみましたが、それは私のためには機能しませんでした。
アイデアは、あなたがそのセクションにスクロールするときに到着する車の効果を作り出すことです。あなたが出発すると、車も去ります。任意のアイデアや提案は、アイデアはユーザーがスクロールがバックアップする場合、車は再び入ることができるはずということである（または再起動しますので、私は一度だけループすることはできません
UPDATE
をいただければ幸いです1つのループgifでしかできないかどうかわからないアニメーション）。主な問題は...最初のGIFが終了したときを検出する方法と、2番目のGIFをアクティブにする方法...単一のアニメーションのようにリンクする方法
このスレッドをチェックしてください（http://stackoverflow.com/questions/20544366/gif-animation-play-only-once-onclick-and-mousedown）。あなたの問題に非常によく似ています。 –