어떻게 GIF를 제어 할 수 있습니까?

여기

난 세 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">

in이 뷰포트에있을 것입니다. 그러나 애니메이션을 한 번만 재생하면됩니다. 즉, 반복하지 않아도됩니다. 그런 다음 usar가 아래로 스크롤하면 자동차가 나가기 위해 떠나는 gif (한 번)가 필요하며 끝나면 마지막 gif가 재생되기를 원합니다. 이것이 가능한지 전혀 모른다. scrollTop으로 시작하는 순간을 제어하고 특정 시간에 애니메이션을 일시 정지한다. 나는 freezeframe을 사용해 보았지만 나에게 도움이되지 못했다.

아이디어는 당신이 그 섹션으로 스크롤 할 때 도착하는 자동차의 효과를 만드는 것입니다. 그리고 나가면 자동차도 나옵니다. 어떤 아이디어 나 제안은

내가 한 번만 아이디어는 사용자가 스크롤을 백업하는 경우, 차를 다시 입력 할 수 있어야한다는 것입니다 때문에 루프 할 수 없습니다

UPDATE (또는 다시 시작 주시면 감사하겠습니다 하나의 루프 gif만으로도 수행 할 수 있는지 모르는 애니메이션). 주요 문제는 ... 첫 번째 GIF가 끝나는 시점과 두 번째 애니메이션을 활성화하는 방법을 감지하는 방법 ... 단일 애니메이션처럼 보이게 링크하는 방법

출처

2016-07-21 Caro

이 [스레드] (http://stackoverflow.com/questions/20544366/gif-animation-play-only-once-onclick-and-mousedown)를 확인하십시오. 귀하의 문제와 매우 유사합니다. –

GIF를 만들 수는 없습니다. 반복하지만, 단지 한 번 재생 : GIMP Tutorial. 좋은 이미지 패키지 (무료 또는 기타)는 동일한 기능을 수행 할 수 있어야합니다. 어쩌면 기존의 gif를 열고 반복하지 않고 다시 저장할 수 있습니까?

출처

2016-07-21 14:31:52 Whothehellisthat

어떻게 GIF를 제어 할 수 있습니까?

답변

관련 문제