jqPresentation

jqPresentation is a jQuery-based presentation framework.

Using jqPresentation, you can create PowerPoint-style presentations with text, images, and animation.

You can write your presentation in standards-compliant and semantic HTML5, then call $('.Presentation').presentation() and let me do the rest.

It's great for presentations about web development, since you can include interactive Javascript features right in the presentation.

Features

• Uses semantic, standards-compliant HTML
• Extensible animation engine, including jQuery UI effects
• Tracks current position to return to where you were up to after following links (demo)
• Uses hashes to make the browser's Back button navigate by slides
• Automatically uses slide IDs to make friendly slide links, if present

Controls

• Move forwards one item: →, ↓,                  
• Move backwards one item: ←, ↑
• Move forwards one slide: Page Down
• Move backwards one slide: Page Up
• Move to beginning of presentation: Home
• Move to end of presentation: End

Clicking a blank area of the current slide will advance one item.
Clicking an adjacent slide will move to that slide.

If the jQuery mousewheel plugin is installed, the scroll wheel will move back and forth one item at a time.

Instructions

<article class="Presentation">
    <section class="Slide">
        <h1>Slide Title</h1>
        <p class="Item">
            This element will slide down when you click.
        </p>
    </section>
    <section class="Slide">
        ...
    </section>
</article>

$('.Presentation').presentation();

For more information, see the readme.

Download