Slideshows With SMIL/Timing
A <seq> time container is a good basis for a
slideshow engine:
-
each slide is a child of this main
<seq> time
container
-
the
first|prev|next|last attributes provide a navigation
menu "out of the box"
-
setting an ID attribute to each slide allows to use hyperlinks to get
a direct access
Progressive Display with <par>
- On this slide
- the list items
- appear one after another
- at 2s intervals.
The next slide will appear in 10s or if you click
on the "Next" button below — whatever comes first.
Incremental Display with <seq>
- Click on this slide
- and the list items
- will appear
- one after another.
(you still have to click the "next" button to get the next slide)
Outlines with event-values
-
hover me
- this item is collapsed by default
- this item is expanded when active
-
click me
- this item is collapsed by default
- this item is expanded when active
-
click me
- this item is expanded by default
- this item is collapsed when active
And More!
-
define your own transitions with CSS3
-
define user interactions with event-values
-
include audio|video clips in any slide
-
sync your slides with an audio or video track
A slideshow alone doesn’t bring much information, but it can get much
more useful when the speaker’s voice is sync’ed!