2014-04-30 4 views
0

저는 각 슬라이드에 가장자리 애니메이션이있는 9 개의 슬라이드가있는 슬라이더로 구성된 프로젝트에서 작업하고 있습니다. 나는 이미 특정 슬라이드에 착륙했을 때 동적으로 애니메이션을로드하는 스크립트를 만들었습니다. 한 번에 모든 것을로드하지 않기 위해이 작업을 수행했습니다. 이것은 잘 작동합니다. 그러나 문제는 9 개의 애니메이션이 모두 들어가면 상황이 크게 느려지 기 시작한다는 것입니다.가장자리는 자바 스크립트에서 애니메이션을 언로드하고 다시로드합니다.

슬라이드로 돌아와서 해당 슬라이드를 벗어나서 다시로드하면 애니메이션을 죽이는 것이 좋습니다.

애니메이션은 심볼이 동적으로 생성되고 삭제되는 경우 매우 복잡하므로 스테이지에서 0으로 멈출 수 없습니다. 나는 그것을 완전히 죽여야 만한다.

누군가가 방법을 알고 있다면, 나는 정말로 감사 할 것입니다.

감사합니다.

+0

글쎄, 대신 가장자리 자바 스크립트 API를 통해 애니메이션을 중지하고 다시 시작하면 해당 슬라이드로 돌아옵니다. 속도는 더 이상 문제가되지 않습니다. – AntonP

답변

0

this question을 살펴보십시오.

은 기본적으로 당신이 당신의 사용자 정의 이벤트 바인드 할 필요가 일부 파일, 특히 * _edge.js, 수정해야합니다 : 코드 어딘가에, 그래서

$(window).bind('triggerEdgeAnimation', function() { 
    Edge.launchComposition(compId); 
}); 

을, 당신은 애니메이션을 시작하는 이벤트를 트리거 할 수 있습니다

$("button").on('click', function() { 
    $(window).trigger("triggerEdgeAnimation"); 
}); 

어쨌든 링크에서 자세한 내용을 확인할 수 있습니다.