Interactive image slider?

75 views
Skip to first unread message

kscar...@kippsa.org

unread,
Dec 5, 2017, 9:30:27 PM12/5/17
to Google Web Designer beta
I was looking through the Rich Media Gallery and saw the La-z-boy example with the interactive slider (https://www.richmediagallery.com/detailPage?id=15906) and was wondering if there was an easy way to do this in the Web Designer.

I'd love it if the slide could slide to reveal two different images.

Thanks for the help!

Kent Myers

unread,
Dec 6, 2017, 1:20:16 PM12/6/17
to Google Web Designer beta
Sure, this is easy to create in Web Designer. You essentially make 2 full size ads, stack on top of each other, set the top ad to overflow:hidden and animate its width. Here is a working sample using 2 different images & headlines:

Hope that helps,

Kent
Google Web Designer team

Kirk Scarbrough

unread,
Dec 6, 2017, 2:46:03 PM12/6/17
to Google Web Designer beta
This is extremely helpful! Any tips on how to format it to give the option to manually slide the divider (like in the ad above)? 

Thanks again for your help!

Kirk

Kent Myers

unread,
Dec 6, 2017, 3:06:27 PM12/6/17
to Google Web Designer beta
For that, you may need to craft a custom solution with Javascript, by enabling click & drag functionality on that slider icon and then using the mouse position to update the top layer width.

Cesar Salazar

unread,
Jun 18, 2018, 1:16:03 PM6/18/18
to Google Web Designer beta
Hola, pudiste resolver o desarrollar este formato como el ejemplo?
https://www.richmediagallery.com/detail?id=15906
Reply all
Reply to author
Forward
0 new messages