Solved

powerpoint image swiper

Posted on 2014-10-31
4
351 Views
Last Modified: 2014-12-08
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
0
Comment
Question by:weaverk
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
4 Comments
 
LVL 12

Assisted Solution

by:Jamie Garroch
Jamie Garroch earned 500 total points
ID: 40475630
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
 
LVL 12

Accepted Solution

by:
Jamie Garroch earned 500 total points
ID: 40475742
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
 
LVL 12

Assisted Solution

by:Jamie Garroch
Jamie Garroch earned 500 total points
ID: 40475765
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
 
LVL 1

Author Closing Comment

by:weaverk
ID: 40486856
Great options! thanks for going above and beyond on this!!
0

Featured Post

Office 365 Training for IT Pros

Learn how to provision tenants, synchronize on-premise Active Directory, implement Single Sign-On, customize Office deployment, and protect your organization with eDiscovery and DLP policies.  Only from Platform Scholar.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Microsoft Office Picture Manager was included in Office 2003, 2007, and 2010, but not in Office 2013. Users had hopes that it would be in Office 2016/Office 365, but it is not. Fortunately, the same zero-cost technique that works to install it with …
I was prompted to write this article after the recent World-Wide Ransomware outbreak. For years now, System Administrators around the world have used the excuse of "Waiting a Bit" before applying Security Patch Updates. This type of reasoning to me …
The viewer will learn how to create two correlated normally distributed random variables in Excel, use a normal distribution to simulate the return on different levels of investment in each of the two funds over a period of ten years, and, create a …
Learn how to make your own table of contents in Microsoft Word using paragraph styles and the automatic table of contents tool. We'll be using the paragraph styles in Word’s Home toolbar to help you create a table of contents. Type out your initial …

695 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question