Solved

powerpoint image swiper

Posted on 2014-10-31
4
303 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
  • 3
4 Comments
 
LVL 10

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 10

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 10

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

What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

Question has a verified solution.

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

Setting the Scene Animations in PowerPoint are a great tool to convey messages when used carefuly with the content of your slides. There are plenty of animation effects and options, including a Repeat feature for individual animation effects. …
This article will guide you to convert a grid from a picture into Excel format using Microsoft OneNote and no other 3rd party application.
The viewer will learn how to simulate a series of coin tosses with the rand() function and learn how to make these “tosses” depend on a predetermined probability. Flipping Coins in Excel: Enter =RAND() into cell A2: Recalculate the random variable…
The viewer will learn how to use a discrete random variable to simulate the return on an investment over a period of years, create a Monte Carlo simulation using the discrete random variable, and create a graph to represent the possible returns over…

773 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