The Presentation-JS Presentation

A Simple Presentation

For when you need to walk people through a series of html/text/pics.

And you want to concentrate on the performance part.

Basic Layout

Create an html file consisting of a series of div's classed with "slide" and include jquery and pres.js at the top so they load before the images:

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="pres.js"></script>
<style type="text/css"></style>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>

Basic Layout

Fill in the divs with your own content, e.g.:

<div class="slide">
<h3>Basic Layout</h3>
Fill in the divs with your own content, e.g. infinite recursion!!!

You now have a finished presentation.

Advanced Layouts

We've taken care of the page progression and pre-loading all the images. Anything else is up to you.

So start writing code ;)

May your presentations meet with resounding success!