Menu:

Links:

Use these links to navigate the FAQ:

Next:
Play a soundtrack across multiple slides (uses frames)

Previous:
Customizing link formatting

All about PPT2HTML index page

Updated
7/25/2016

Microsoft MVP Logo

AutoAdvancing Presentations, Slide Transitions

By using an automatic redirect and some of PPT2HTML's little tricks, you can create a web-based slide show that automatically advances to the next slide. All you need to do is add a line or so of HTML to the HEAD section of your PPT2HTML template file.

The HEAD section is the part between this:

<head>

and this:

</head>

To create HTML that automatically advances to the next slide every 5 seconds, include this in the HEAD section of your template:

<meta http-equiv="Refresh" content="5; url=:Nav.Next:" />

Change the 5 to some other number to get a different delay between slide advances.

After adding this to one of our supplied templates, the HEAD section will look something like this:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Refresh" content="5;url=:Nav.Next:" />
<TITLE>:Prefs.PageTitle:</TITLE>
</head>

Now when you create and view your HTML presentation using the changed template, it will automatically advance to the next slide every five seconds.

If you want to get even slicker, try this:

<meta http-equiv="Refresh" content=":Slide.AdvanceTime:;url=:Nav.Next:" />

:Slide.AdvanceTime: picks up and inserts the Slide Advance Time you set in PowerPoint when you created your presentation, so the advance times in the web version of your presentation will be the same as those you see when you view your PowerPoint presentation in PowerPoint.

If you substitute :Nav.NextOrLoop: in place of :Nav.Next: your slide show will advance automatically until it gets to the last slide, then loop back to the first slide again and keep running indefinitely.

Slide Transition Effects

You can control how pages first display with the following code. Note that this may only work in MS Internet Explorer and then only in version 4 and later.

For a nice dissolve effect, include this in the <HEAD> section of your template:

<meta http-equiv="Page-Enter" content="blendTrans(Duration=4.0)">

Change the Duration= value to get slower or faster dissolves.

You can get other PowerPoint-like effects by using this:

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=4,Transition=0)">

As above, change Duration= to slow down/speed up the effect. Here's a table of the numbers and the effects they produce. As far as we're aware, it's complete as of MSIE 4. MSIE5 and later may add other transitions.

PPT Effect MSIE Transition # MSIE Effect
None 0 Box in
Box in 0 Box in
Box out 1 Box out
No PPT equiv. 2 Circle in
No PPT equiv. 3 Circle out
Wipe up 4 Wipe up
Wipe down 5 Wipe down
Wipe right 6 Wipe right
Wipe left 7 Wipe left
Vertical blindss 8 Vertical blinds
Horizontal blinds 9 Horizontal blinds
Checkerboard across 10 Checkerboard across
Checkerboard down 11 Checkerboard down
  12 Random dissolve
Split vertical in 13 Split vertical in
Split vertical out 14 Split vertical out
Split horizontal in 15 Split horizontal in
Split horizontal out 16 Split horizontal out
Strips left down 17 Strips left down
Strips left up 18 Strips left up
Strips right down 19 Strips right down
Strips right up 20 Strips right up
Random bars horizontal 21 Random bars horizontal
Random bars vertical 22 Random bars vertical
Random 23 Random
Cover up 4 Wipe up
Cover down 5 Wipe down
Cover right 6 Wipe right
Cover left 7 Wipe left
Other transitions 0 Box in (subject to revision)

Using the examples above, every html "slide" in your converted presentation will have the same transition effect. If you'd rather have the effects you've assigned to each slide in your presentation, use :Slide.TransitionEffect.MSIENumber: in your template. This will cause PPT2HTML to generate the number of the MSIE effect that most closely matches the native PPT transition effect. For example:

<meta http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=2,Transition=:Slide.TransitionEffect.MSIENumber:)">

Advice to the unwary
Autoadvancing shows are slick as all getout, but keep one thing in mind: I may be a lot less interested in the contents of a given slide than you think I'll be. Or I might be a way fast reader. Zip, flip, new slide, read it, got it. Now I'm tapping my fingers waiting for you to get on with it.

Or you may have me totally captivated with your graphics and prose, and five seconds just isn't enough time to fully appreciate and admire the magnificence of each slide.

Either way, it always pays to include Back and Next links so the viewer can control the show if they don't like the pace your auto-advances set for them.

[Previous] [Home] [Next]