Contact: fumanchu@aminus.org

Log in as guest/misc to create tickets

Jitter

Jitter (/jay-it-er/) is a presentation library built on and with jQuery.

Installation

Grab jitter.js. Use Subversion if you like. Jitter is a single JS file which you can serve from any site, statically. Here's how to do it in Apache 2:

DocumentRoot /file/path/to/jitter.js

and CherryPy 3 config:

[/uri/path/to/okapi.html]
tools.staticfile.on = True
tools.staticfile.file = "/file/path/to/jitter.js"

Example

<!DOCTYPE html>
<html>
<head>
<title>My Presentation</title>
</head>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="jitter.js"></script>
<script type="text/javascript">

var script = new Jitter.Script();

var demo = new Jitter.Prop('demo', "DEMO",
                           {backgroundColor: '#009900', height: "100%", width: "100%",
                            opacity: 0.75, color: 'black', font: "bold 144pt Arial",
                            position: 'absolute', zIndex: 5});

// ------------------------------ SCENE 1 ------------------------------ //

var scene1 = script.addScene();
scene1.fadeAppend(demo);
scene1.fadeAway(demo);


script.present();

</script>
</body>
</html>

This will show a blank screen. When the demonstrator clicks the mouse or the right-arrow key, the word "DEMO" will fade in. Click again, and it will fade out.