How do I make this ad?

[martha...@gmail.com]

So im super new to Google Web Designer and im stuck on this concept. This ad isn't a swipeable gallery. How do you create this feature?
http://www.richmediagallery.com/detail?id=15906

[Kent]

You can create the animated masking effect by placing your content in a div with overflow:hidden and animating its width with keyframes in the timeline. Here's an example:

https://drive.google.com/open?id=14743ai7ZKEDaisU_R2a7fArzLY6SeP2t

Hope that helps,

Kent

Google Web Designer team

[Jeff Topping]

this is a great tip. thanks.

[farhan...@starcompakistan.com]

Please tell me how can i make that controlled scroll effect ?

[Kent]

You would need to write some custom Javascript functions to replicate that interactive mask control. Basically you may use the mouseover, mousedown and mousemove events to track the mouse position and translate that to the width of the masking element.

[farhan...@starcompakistan.com]

Thanks Man (y)

[ralf...@gmail.com]

I'm also new to GWD.

I want to know how the JavaScript functions are written and how the mouseover, mousedown and mousemove events are used for this animation. Thank you.