Edge Animate выгружает и перезагружает анимацию из javascript

Я работаю над проектом, который состоит из слайдера с 9 слайдами, где каждый слайд имеет краевую анимацию. Я уже создал скрипт, который динамически загружает анимацию, когда вы на самом деле попадаете на определенный слайд. Я сделал это, чтобы не загружать все сразу. Это прекрасно работает. Однако проблема в том, что как только все 9 анимаций включены, все начинает резко замедляться.

Что я хотел бы сделать, так это убить анимацию, как только я покину соответствующий слайд, а затем загрузить ее снова, когда я вернусь к слайду.

Анимации довольно сложны, символы создаются динамически и удаляются, поэтому я не могу просто остановиться на 0 на сцене. Я должен убить его полностью.

Если кто-нибудь знает способ, я был бы очень признателен.

Спасибо.


animation reload jquery-animate kill adobe-edge
person AntonP    schedule 30.04.2014    source источник
comment
Что ж, вместо этого мне удалось остановить анимацию с помощью Edge javascript API и перезапустить ее, когда вы вернетесь к соответствующему слайду. Скорость перестала быть проблемой.   -  person AntonP    schedule 01.05.2014

Ответы (1)


arrow_upward
0
arrow_downward

Взгляните на этот вопрос< /сильный>.

В основном вам нужно изменить какой-то файл, особенно *_edge.js, где вы должны связать свое пользовательское событие:

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

Итак, где-то в вашем коде вы можете вызвать событие для запуска анимации:

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

В любом случае, вы можете найти более подробную информацию по ссылке.

person Luca Davanzo    schedule 06.05.2014