고급 모드의 타임라인 상단에 위치한 이벤트 트랙에서는 타임라인 애니메이션을 이벤트 마커와 이벤트 라벨이 있는 이벤트에 연결할 수 있습니다. 이벤트 마커를 사용하면 타임라인의 특정 시점에 이벤트를 실행할 수 있으며, 이벤트 라벨을 사용하면 애니메이션 제어 이벤트를 설정할 수 있습니다.
동영상 광고는 이벤트를 지원하지 않으므로 동영상 광고 타임라인에는 이벤트 트랙이 포함되지 않습니다.
이벤트 마커
타임라인 기반 이벤트는 이벤트 트랙의 이벤트 마커를 사용하여 설정됩니다. 애니메이션 플레이헤드가 타임라인의 이벤트 마커에 도달하면 이벤트가 실행됩니다.
타임라인에 이벤트 마커를 추가하기
다음 방법 중 하나를 사용합니다.
- 이벤트 마커를 추가하려는 이벤트 트랙을 오른쪽 버튼으로 클릭하고 팝업 메뉴에서 이벤트 추가를 선택합니다.
- 타임라인을 클릭하거나 이벤트 마커를 추가하려는 위치로 플레이헤드를 이동한 다음 이벤트 트랙의 이벤트 추가 버튼 을 클릭합니다.
이벤트 마커에 이벤트를 추가하기
다음 방법 중 하나를 사용합니다.
- 이벤트 마커를 더블클릭합니다. 작업 선택 단계로 이벤트 대화상자가 열립니다.
- 이벤트 마커를 오른쪽 버튼으로 클릭하고 팝업 메뉴에서 마커에 이벤트 추가...를 선택합니다. 작업 선택 단계로 이벤트 대화상자가 열립니다.
- 이벤트 패널에서 이벤트 추가 버튼 을 클릭하여 새 이벤트의 이벤트 대화상자를 엽니다. 타겟에 대해 애니메이션 요소의 상위 요소(대부분의 경우 페이지)를 선택하고 이벤트에 대해 이벤트 마커를 선택합니다.
이벤트 마커에서 이벤트를 수정하기
이벤트 마커를 오른쪽 버튼으로 클릭하고 팝업 메뉴의 목록에서 변경할 이벤트를 선택합니다.
이벤트 마커 삭제하기
삭제하려는 이벤트 마커를 오른쪽 버튼으로 클릭하고 팝업 메뉴에서 이벤트 마커 삭제를 선택합니다. 이 작업을 수행하면 이벤트 마커에 의해 실행된 모든 이벤트가 삭제됩니다.
이벤트 마커 이름 바꾸기
- 이름을 변경하려는 이벤트를 오른쪽 버튼으로 클릭하고 팝업 메뉴에서 이벤트 마커 이름 수정...을 선택합니다.
- 새 이름을 입력합니다.
- Enter 키를 누릅니다.
이벤트 마커 이동
이벤트 마커를 타임라인의 새 위치로 드래그하면 됩니다.
이벤트 라벨
이벤트 라벨은 타임라인에서 이름이 지정된 위치입니다. 이벤트를 사용하여 플레이헤드를 타임라인의 특정 지점으로 보내려면 키프레임에 라벨을 지정해야 합니다.
이벤트 라벨을 이벤트 트랙에 추가하기
다음 방법 중 하나를 사용합니다.
- 타임라인을 클릭하거나 라벨을 추가하려는 위치로 플레이헤드를 이동한 다음 이벤트 레이어의 라벨 추가 버튼 을 클릭합니다. Google Web Designer에서 일반 라벨 이름을 할당합니다.
- 라벨 이름을 지정하는 방법:
- 라벨을 추가하려는 이벤트 트랙을 오른쪽 버튼으로 클릭하고 팝업 메뉴에서 라벨 추가...를 선택합니다.
- 팝업 대화상자에 라벨 이름을 입력합니다.
- Enter 키를 누릅니다.
이벤트 라벨 삭제하기
삭제하려는 라벨을 오른쪽 버튼으로 클릭하고 팝업 메뉴에서 라벨 삭제를 선택합니다. 이 작업을 수행하면 이벤트 라벨을 사용하도록 구성된 모든 이벤트가 삭제됩니다.
이벤트 라벨 이름 바꾸기
- 이름을 변경하려는 라벨을 오른쪽 버튼으로 클릭하고 팝업 메뉴에서 라벨 수정...을 선택합니다.
- 새 이름을 입력합니다.
- Enter 키를 누릅니다.
이벤트 라벨 이동하기
이벤트 라벨을 타임라인의 새 위치로 드래그합니다.
작업
다음 타임라인 작업은 다른 이벤트에 의해 실행될 수 있습니다.
작업 | 구성 옵션 |
---|---|
pause |
없음
|
play |
없음
|
togglePlay |
없음
|
gotoAndPlay |
라벨 - 애니메이션이 시작되어야 하는 이벤트 라벨 |
gotoAndPlayNTimes |
|
gotoAndPause |
라벨 - 애니메이션이 시작되어야 하는 이벤트 라벨 |
gwd.actions.timeline.pause('
<elementID>');