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:
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="pres.js"></script>
<style type="text/css"></style>
</head>
<body>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
...
</body>
</html>
Basic Layout
Fill in the divs with your own content, e.g.:
<div class="slide">
<h3>Basic Layout</h3>
<p>
Fill in the divs with your own content, e.g. infinite recursion!!!
</p>
</div>
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!