Solved

powerpoint image swiper

Posted on 2014-10-31
4
279 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 9

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 9

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 9

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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

My experience with Windows 10 over a one year period and suggestions for smooth operation
Many programs have tried to outwit PowerPoint in terms of technology and skill. These programs, however, still lack several characteristics that PowerPoint has possessed from the start. Here's why PowerPoint replacements won't entirely work for desi…
This video walks the viewer through the process of creating Hyperlinks for the web and other documents. Select the "Insert" tab: Click "Hyperlink":  Type "http://" followed by a web address to reference a website or navigate to a document to ref…
The viewer will learn how to simulate a series of sales calls dependent on a single skill level and learn how to simulate a series of sales calls dependent on two skill levels. Simulating Independent Sales Calls: Enter .75 into cell C2 – “skill leve…

708 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now