How to load animation from page 1 to page 2?

1,395 views
Skip to first unread message

winc...@gmail.com

unread,
May 11, 2015, 2:49:04 AM5/11/15
to gwd...@googlegroups.com
I have two pages of animation and I want to display the banner from page 1 to page 2 automatically. I have tried to use the "event" and select target as page1 > page loaded > go to page > qwd-ad > Configuration (page ID, transition, transition duration, easing and direction). I have preview it with many different combinations but it still doesn't work. The transaction from page 1 to page 2 still didn't appear. I wonder do i need to put script into the code view? or any other ways that i can do it?

winc...@gmail.com

unread,
May 11, 2015, 3:00:41 AM5/11/15
to gwd...@googlegroups.com
I have watch this video the Interstitial with multiple pages <https://www.youtube.com/watch?v=N8wIrt47gVI> but the action page target, event, action, receiver and configuration the interface is different from the video and i don't know how to setup the options. Under the event i don't have the animation compete option and under the page i only have attached, detached, page loaded, ready to present the page, shake, rotate to portrait and rotate to landscape options.

winc...@gmail.com

unread,
May 11, 2015, 3:19:01 AM5/11/15
to gwd...@googlegroups.com
i do not want to use tap area to open page 2 i want to automatically open page 2 after from playing page 1

winc...@gmail.com

unread,
May 11, 2015, 3:40:00 AM5/11/15
to gwd...@googlegroups.com
I figured it after reading the previous post and here the solution.

We have Timeline Events which you can trigger to go to specific page. Please follow the following steps below :

1. Create a two pages ad with Advanced mode
2. Color the two pages to distinguish the different
3. Go to the first page, draw a div or (shape).
4. Insert a keyframe and add simple animation.
5. Move the playhead to the newly added keyframe (in this case, the last keyframe)
6. Add an Event marker by single-clicking on the diamond shape in the layer panel.
7. Go to Events panel and add event. Or you can double-click on the Event marker to bring out the Event dialog.
8. In the Event dialog, select the following:
Target: page1
Event => Timeline: event-1
Action => Google Ad: Go to page
Receiver: gwd-ad
Configuration: Page ID "page1_1" and Save

https://groups.google.com/forum/#!topic/gwdbeta/XIlhXk0y7Qo

nare...@gmail.com

unread,
May 31, 2016, 5:46:48 AM5/31/16
to Google Web Designer beta
Hi,

I also facing same problem. The steps what you mention above are different that what we see in our event panel.

Target: page1
Event => Mouse / Touch / Page (this is what we see in Event stage) and each of these has sub events.

Please send a solution. Find attache screen shot for more clarification.


Thanks

n@resh

pag1.jpg
pag2.jpg

skeeter...@gmail.com

unread,
Apr 23, 2018, 8:27:26 PM4/23/18
to Google Web Designer beta
I'm creating an HTML file with pages, so some of these options aren't available to me. How do I create that automatic transition to the next page?

Kent

unread,
Apr 24, 2018, 11:33:39 AM4/24/18
to Google Web Designer beta
Normally, in an ad you'd have multiple pages in one GWD doc and you can use the Timeline Action gotoAndPlay to specify the page and frame label to start playing from.
When you say HTML file with pages, are those separate HTML files?

Kent
Google Web Designer team
Reply all
Reply to author
Forward
0 new messages