Range shows up here

Help

Once the folder is placed in the section, ungroup this folder

How To Use Adjust the bar size to fit your needAdjust the circle color located in the Trigger folderGo into Drag Timeline and adjust the animationOpen dragFunctionGA script and edit the range values

Chrome Icon

Firefox Icon

Popup button

Adding a video pop-up • Have a trigger for pop-up - Each Trigger has its own script • The close trigger is one universal script • Place embed code in the box labeled “Video-1” • Create a “getVideo1Inner” in DeclareVariable - change number out for each new video

Adding a video to a page (no pop-up) • There still needs to be a trigger to open up the video. If it’s opening from a SubNav button or Menu button Create a JavaScript function as shown here for each new video. Example created in Section-3 > btn-3-2

click to close video

CLICK THIS BUTTON TO WATCH VIDEO 1

This is a SubNav Button Trigger

Array testing

CLICK THIS BUTTON TO WATCH VIDEO 2

Drag % shows up here

Click here to drag me

Thank you for your answer.

How To guide: **It's important to bring pop-up box asset separatelyFolder Set-up: With our new way of the how to use summary -Section-1-1 is now the Summary page Open up HowTo Animation Folder and look through the animation on timeline to decide which animations are needed Place the How-To-xxx folder of your choice into the Section folder (i.e. Section-1-2, Section-1-3, etc) Add/Remove section folder as needed Make sure the trigger button in the last section goes back to Section-1-1 Adjusting the Animation: Go to the respective timelineAdjust the properties (i.e. opacity, motion path, scale)

Steps to Zoom images: • Insert your images into the groups • Image1 group is duplicated because of overlapping   - If you have more than 2 images, you will need to duplicate any top overlapping layers • A timeline is made for each image   - In each timeline, adjust the zoom scale to fit your design   - You will also see in timeline the opacity change of the top overlapping layer • Don’t forget to include a script on each trigger for google analytics

Adding a video to a page (no pop-up) •  Create a JavaScript function for trigger to this page (btn-3-2) Example of video here

START

How To guide: **It's important to bring pop-up box asset separatelyFolder Set-up: Open up HowTo Animation Folder and look through the animation on timeline to decide which animations are needed Place the How-To-xxx folder of your choice into the Section folder (i.e. Section-1-1, Section-1-2, etc) Add/Remove section folder as needed Make sure the trigger button in the last section folder is named as button-HowToFinish Adjusting the Animation: Go to the respective timelineAdjust the properties (i.e. opacity, motion path, scale)

GO BACK TO TITLE PAGE SECTION 1 TITLE HERE SECTION 2 TITLE HERE SECTION 3 TITLE HERESECTION 3-1 TITLE HERESECTION 3-2 TITLE HERESECTION 3-3 TITLE HERESECTION 3-4 TITLE HERESECTION 3-5 TITLE HERE SECTION 4 TITLE HERESECTION 4-1 TITLE HERESECTION 4-2 TITLE HERESECTION 4-3 TITLE HERESECTION 4-4 TITLE HERESECTION 4-5 TITLE HERE SECTION 5 TITLE HERESECTION 5-1 TITLE HERESECTION 5-2 TITLE HERESECTION 5-3 TITLE HERESECTION 5-4 TITLE HERESECTION 5-5 TITLE HERE SECTION 6 TITLE HERESECTION 6-1 TITLE HERESECTION 6-2 TITLE HERESECTION 6-3 TITLE HERESECTION 6-4 TITLE HERESECTION 6-5 TITLE HERE SECTION 7 TITLE HERESECTION 7-1 TITLE HERESECTION 7-2 TITLE HERESECTION 7-3 TITLE HERESECTION 7-4 TITLE HERESECTION 7-5 TITLE HERE SECTION 8 TITLE HERESECTION 8-1 TITLE HERESECTION 8-2 TITLE HERESECTION 8-3 TITLE HERESECTION 8-4 TITLE HERESECTION 8-5 TITLE HERE SECTION 9 TITLE HERESECTION 9-1 TITLE HERESECTION 9-2 TITLE HERESECTION 9-3 TITLE HERESECTION 9-4 TITLE HERESECTION 9-5 TITLE HERE SECTION 10 TITLE HERESECTION 10-1 TITLE HERESECTION 10-2 TITLE HERESECTION 10-3 TITLE HERESECTION 10-4 TITLE HERESECTION 10-5 TITLE HERE