How do I control Animated Gif Sync to timeline.

Eddie Dy

unread,

Oct 12, 2015, 4:27:01 AM10/12/15

to Google Web Designer beta

Hi,

I'm very new to Google Web Designer.

I've been tasked to convert an expanding flash banner to html5

The banner can be viewed here:

https://www.google.com/doubleclick/studio/externalpreview/#/YZHzvcPUTJqQgjgS3x99ZA?creativeId=39131903

There is an animated sequence where pills fall to fill up the screen. I have used an animated gif for this but the problem is after expanding the banner, the Gif goes out of sync when collapsed.

Is there a command to control when an image loads or unloads that I can add to the timeline?

Any advice would be much appreciated.

Google Web Designer beta

unread,

Oct 14, 2015, 1:30:47 PM10/14/15

to Google Web Designer beta

Hi Eddie,

I looked at the preview on DoubleClick Studio, but it is hard to tell where the issue occurs.

Could you help me to understand how the animated gif goes out of sync?

Also, is it possible to send us GWD files (pre-published source file in zip) so that we can take a look?

Thanks,

Mariko (GWD team)

Eddie Dy

unread,

Oct 15, 2015, 2:45:38 AM10/15/15

to Google Web Designer beta

Hi Mariko,

Thank you for the response.

However, I managed to do workaround using the "360 gallery" to play the sequence of images instead of the animated gif.

I had to create a duplicate of the last frame over the image since the "360 gallery" component has no controls on which frame to end but ends by looping back to the first frame.

https://www.google.com/doubleclick/studio/externalpreview/#/YZHzvcPUTJqQgjgS3x99ZA?creativeId=39158839

Regards,

-Eddie

Google Web Designer beta

unread,

Oct 20, 2015, 12:09:18 PM10/20/15

to Google Web Designer beta

Hi,

Thank you for providing the work-around approach by using 360 gallery.

I think you can add an event to set the end frame so that the gallery ends at the end of the images.

Could you try to set an event to the 360 gallery component?

- Right click the 360 gallery component

- Add event

- 360 gallery:All frames viewed > 360 gallery:Go to frame>

- Set the frame number where you would like to end, and set animation to none.

This way, I think you might not have to add the duplicate of the last frame.

Thanks for using GWD.

Mariko (GWD team)

Eddie Dy

unread,

Oct 22, 2015, 9:49:35 PM10/22/15

to Google Web Designer beta

Hello again Mariko,

Thanks for the suggestion...however, since the animation loops....the event keeps freezes the gallery on the last frame in the consecutiove loops after the first.