Solved

powerpoint image swiper

Posted on 2014-10-31
4
329 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 11

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 11

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 11

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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Microsoft Office Picture Manager is not included in Office 2013. This comes as a shock to users upgrading from earlier versions of Office, such as 2007 and 2010, where Picture Manager was included as a standard application. This article explains how…
Recently Microsoft released a brand new function called CONCAT. It's supposed to replace its predecessor CONCATENATE. But how does it work? And what's new? In this article, we take a closer look at all of this - we even included an exercise file for…
This video shows where to find the word count, how to display it, and what it breaks down to in Microsoft Word.
The viewer will learn how to create a normally distributed random variable in Excel, use a normal distribution to simulate the return on an investment over a period of years, Create a Monte Carlo simulation using a normal random variable, and calcul…

762 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