Дорожка событий, расположенная в верхней части временной шкалы в расширенном режиме, используется для привязки анимаций к событиям на временной шкале с помощью маркеров и ярлыков. Маркеры событий позволяют инициировать события в определенных точках временной шкалы, а ярлыки – настраивать события, которые управляют анимацией.
События недоступны для видеообъявлений. Поэтому на их временных шкалах нет дорожки событий.
Маркеры событий ![](//lh3.googleusercontent.com/m3sbVT5399fcP5EthbC51ZhNKv_AEkYdB0Nk9qn0CoVqI3s9zpXEPn6-VwS9zuAzr-g=w26)
Для инициации событий временной шкалы используются специальные маркеры на дорожке событий. Событие запускается, когда ползунок перемещается на соответствующий маркер.
Добавление маркеров на временную шкалу
Выполните одно из следующих действий:
- Нажмите правой кнопкой мыши на дорожке событий в том месте, куда нужно добавить маркер, и во всплывающем меню выберите пункт Добавить событие.
- Нажмите на то место временной шкалы, куда нужно добавить маркер, или перетащите туда ползунок, а затем на дорожке событий нажмите кнопку Добавить событие
.
Добавление события к маркеру
Выполните одно из следующих действий:
- Дважды нажмите на маркер события. Откроется раздел "Действия" диалогового окна "События".
- Нажмите правой кнопкой мыши на маркер и во всплывающем меню выберите Добавить событие к маркеру… Откроется раздел "Действия" диалогового окна "События".
- На панели событий нажмите кнопку Добавить событие
– откроется диалоговое окно создания события. В разделе "Цель" укажите родителя анимированного элемента (чаще всего это страница), а затем в разделе "Событие" выберите соответствующий маркер.
Изменение события маркера
Нажмите правой кнопкой мыши на маркер и во всплывающем меню выберите событие, которое нужно изменить.
Удаление маркера события
Нажмите правой кнопкой мыши на маркер, который нужно удалить, и во всплывающем меню выберите пункт Удалить маркер события. При этом также удаляются все события, запускаемые этим маркером.
Переименование маркера события
- Нажмите правой кнопкой мыши на маркер, который нужно переименовать, и во всплывающем меню выберите пункт Изменить имя маркера события…
- Укажите новое имя.
- Нажмите клавишу Ввод.
Перемещение маркера события
Перетащите маркер события в нужное положение на временной шкале.
Ярлыки событий ![](//lh3.googleusercontent.com/Jr8vTXod49TTIEKyZcuT1vDy46fcoj3KGTpir80ziXCyOPcJUXqozbchhtGKeChR8g=w81)
Ярлыки событий – это именованные точки на временной шкале. Если событие должно переместить ползунок в определенное положение, этому ключевому кадру необходимо присвоить ярлык.
Добавление ярлыка событий на дорожку событий
Выполните одно из следующих действий:
- Нажмите на точку на временной шкале, куда нужно добавить ярлык, или перетащите туда ползунок. Затем на дорожке событий нажмите кнопку Добавить ярлык
. Google Web Designer присвоит ярлыку стандартное имя.
- Чтобы указать имя ярлыка, выполните следующие действия:
- Нажмите правой кнопкой мыши на то место дорожки событий, куда нужно добавить ярлык, и во всплывающем меню выберите Добавить ярлык…
- Во всплывающем окне укажите имя ярлыка.
- Нажмите клавишу Ввод.
Удаление ярлыка событий
Нажмите правой кнопкой мыши на ярлык, который нужно удалить, и во всплывающем меню выберите Удалить ярлык. При этом также удаляются все события, настроенные для этого ярлыка.
Переименование ярлыка событий
- Нажмите правой кнопкой мыши на ярлык, который нужно переименовать, и во всплывающем меню выберите Изменить ярлык…
- Укажите новое имя.
- Нажмите клавишу Ввод.
Перемещение ярлыка событий
Перетащите ярлык событий в нужное положение на временной шкале.
Действия
Другими событиями могут вызываться следующие действия на временной шкале.
Действие | Параметры настройки |
---|---|
pause |
Нет
|
play |
Нет
|
togglePlay |
Нет
|
gotoAndPlay |
Ярлык: ярлык событий, после которого должна запускаться анимация. |
gotoAndPlayNTimes |
|
gotoAndPause |
Ярлык: ярлык событий, после которого должна запускаться анимация. |
gwd.actions.timeline.pause('
<elementID>');