powerpoint image swiper

in broad terms, i am looking for a method to have 2 images in an MS office power-point, that you can then 'swipe' between to see the differences - similar to using the zurb twentytwenty widget on a website,

i don't mind if this solution is a way to (smoothly) embed a webpage with this tool running, or a way to duplicate this functionality within power-point itself...


interactive example of the zurb widget- here

screenshot attached
Capture.PNG
LVL 1
weaverkAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Jamie GarrochPowerPoint Consultant & DeveloperCommented:
You "can" insert any web page and force the relevant IE rendering engine to display it as intended. But, there is a big caveat. From Office 2013, the WebBrowser control is disabled by default.

So, these instructions are for the attached PowerPoint 2010 example. If you want to use PowerPoint 2013 you will first need to edit the Windows Registry as per this Microsoft Support article.

Set the IE Rendering Engine

1.

Open the Windows Registry Editor by clicking Start, typing regedit and clicking regedit.exe

2.

Navigate to HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION

3.

Right click on FEATURE_BROWSER_EMULATION and select New / DWORD

4.

Enter PowerPnt.exe as the Key Name

5.

Double click the new Key and enter 2af8 as the hexadecimal value for IE 11

6.

Close the Registry Editor

Create the PowerPoint project

7.

Start PowerPoint 2010 (or 2007, or 2013 if you've re-enabled the WebBrowser control)

8.

Enable the Developer tab in the ribbon by clicking File / Options / Customize Ribbon and ticking the Developer tab in the right hand pane (click OK to exit)

9.

Click the Developer tab

10.

In the Controls group, click the hammer and spanner icon to insert More Controls

11.

Scroll down to locate and select the Microsoft Web Browser control and click OK

12.

Draw the required size of web browser on your slide

13.

Back in the Controls group of the Developer tab, click the Command Button icon and draw a button on the slide

14.

Double click on the button and in the code window, add this line in the CommandButton1_Click sub:
WebBrowser1.Navigate "http://zurb.com/playground/twentytwenty"

Open in new window

15.

Close the code editor window

16.

Run the presentation slide show and click the button to load the web page into the browser
Note : there are many ways to automate the loading of the page when the slide show starts, such as using PowerPoint application events but this is out of scope of this question. You can contact me or hire me if you need more assistance.
0
Jamie GarrochPowerPoint Consultant & DeveloperCommented:
After a bit of VBA coding, the attached prototype (see note below) PowerPoint presentation emulates the swiping behaviour of the CSS mechanism you were looking at with native PowerPoint functionality (not dependent on the WebBrowser control).

It's not as interactive but with a lot more work, it could be made to slide back and forth as the user drags the button.

The blurred version of the image can be created in a number of ways but for this demo, I used the Opacity add-in for PowerPoint from SteveHardSoft.

Note : to use the file, download it and change the extension from .pptx to .pptm (I've asked Experts Exchange to enable the .pptm format as they have done for .xlsm)
Zurb-TwentyTwenty-emulator-prototype.ppt
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Jamie GarrochPowerPoint Consultant & DeveloperCommented:
Here is the file for the original WebBrowser answer above.

Note : to use the file, download it and change the extension from .pptx to .pptm (I've asked Experts Exchange to enable the .pptm format as they have done for .xlsm)
Web-Browser-control.pptx
0
weaverkAuthor Commented:
Great options! thanks for going above and beyond on this!!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Microsoft PowerPoint

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.